*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html,body{
    height: 100%;
    min-height: 100%;
    background: #DEE7F0;
    font-family: "Microsoft YaHei";
    font-size: 12px;
    position: relative;
    color: #1a1a1a;
}
html{
    overflow: auto;
    min-width: 1280px;
}

a:hover{
    text-decoration: none;
}
button:focus{
    outline: none !important;
}
ul{
    list-style: none;
    margin-bottom: 0;
}
label{
    font-weight: 400;
    margin-bottom: 0;
}
p{
    margin: 0;
}
i,em{
    font-style: normal;
}
.btn-sm{
    padding: 4px 10px;
}
.btn-primary{
    background-color: #3096E5;
    border-color: #3096E5;
}
input[type=checkbox], input[type=radio]{
    margin: 0;
    vertical-align: middle;
    margin-top: -3px;
}
.input{
    height: 28px !important;
    line-height: 28px !important;
    padding: 0 5px;
    border: 1px solid;
    border-color: #b1b1b1;
    width: 180px;
    border-radius: 0px;
}
.input-addproduct{
    height: 28px !important;
    line-height: 28px !important;
    padding: 0 5px;
    border: 1px solid;
    border-color: #b1b1b1;
    width: 160px;
    border-radius: 0px;
}
.Validform_error{
    border-color: #ff2620
}
.ver_m{
    vertical-align: middle;
}
textarea{
    border: 1px solid;
    border-color: #ccc;
    padding: 3px 6px;
}
.input.w{
    width: calc(100% - 38px);
}
.input-mini{
    height: 26px !important;
    line-height: 26px !important;
}

.tle{
    font-family: "microsoft yahei";
}
.hidde{
    display: none;
}
.shows{
    display: block;
}
.mar_l{
    margin-left: 10px;
}
.mar_l5{
    margin-left: 5px;
}
.mar_l20{
    margin-left: 20px;
}
.mar_r{
    margin-right: 10px;
}
.mar_r20{
    margin-right: 20px;
}
.mar_t{
    margin-top: 10px !important;
}
.mar_b{
    margin-bottom: 10px !important;
}
.mar_b_0{
    margin-bottom: 0px !important;
}

.mar_b_5{
    margin-bottom: 5px !important;
}
.mar_t_5{
    margin-top: 5px !important;
}
.mar_t_15{
    margin-top: 15px !important;
}
.pd_b{
    padding-bottom: 10px !important;
}
.pd_t{
    padding-top: 6px !important;
}
.pd_t0{
    padding-top: 0px !important;
}
.pd_b0{
    padding-bottom: 0px !important;
}

.pd_0{
    padding: 0 !important;
}
.pd_t10{
    padding-top: 10px !important;
}
.pd_10{
    padding: 10px !important;
}
.pd_20{
    padding: 20px !important;
}
.pd_6{
    padding: 6px !important;
}
.pd_l{
    padding-left: 10px !important;
}
.pd_l20{
    padding-left: 20px !important;
}
.f_size12{
    font-size: 12px !important;
}
.f_size14{
    font-size: 14px !important;
}
.f_size16{
    font-size: 16px !important;
}
.border_t{
    border-top: 1px solid #d1d1d1;
}
.bg_f{
    background: #fff;
}
.disabled{
    cursor: not-allowed !important;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}
.operationColor{
    color: #1286c8;
    cursor: pointer;
}
.subText{
    color: #666;
}
.time{
    border: 1px solid #b1b1b1;
    height: 28px;
    line-height: 28px;
    padding: 0 5px;
    background-image: url("../images/home/calendar_icon.png");
    background-repeat: no-repeat;
    background-position: right 5px center;
}
.time.year{
    width: 100px;
}
.time.month{
    width: 120px;
}
.time.range,.input.range{
    width: 200px;
}
.input.w{
    width: 100%;
}
.input.long{
    width: 235px;
}
input:focus,.time:focus,textarea:focus{
    border-color: #66afe9 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.bg_DEE{
    background: #DEE7EF;
}
.table_box{
    height: 100%;
    width: 100%;
}
.chart_box{
    height: 100%;
    width: 100%;
}
.red{
    color: red;
}
.green{
    color: #23AB39;
}
.yellow{
    color: #E7A62E;
}
.blue{
    color: #4326FF;
}
.gray{
    color: #B8B8B8;
}
.color_1788C9{
    color: #1788C9;
}
.font_w{
    font-weight: bold;
}
/*溢出...显示*/
.text_overflow{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.over_auto{
    overflow: auto;
}
.cur_hand{
    cursor: pointer;
}
/* -----------------------select下拉框-------------------start */
.bootstrap-select .dropdown-toggle:focus{
    outline: none !important;
}
.bootstrap-select .btn{
    border: 1px solid #b1b1b1;
    background: #fff;
    border-radius: 0px;
    padding: 4px 5px;
}
.bootstrap-select .btn:hover{
    background: #ebebeb;
}
.bootstrap-select .btn .caret{
    color: #aaa;
}
.bootstrap-select.btn-group.bs-container .dropdown-menu{
    z-index: 99991060;
}
.bootstrap-select .btn-sm{
    padding: 1px 5px;
}
.bootstrap-select .btn-sm .caret{
    color: #44A5DC;
}
.bootstrap-select.btn-group .btn-sm .caret{
    right: 7px;
}
.dropdown-menu{
    margin: 0;
    font-size: 12px;
}
.dropdown-menu>li>a{
    padding: 3px 5px;
}
.bootstrap-select.btn-group .dropdown-menu li a:focus{
    text-decoration: none !important;
    outline: none !important;
}
/* -----------------------select下拉框-------------------end */


/*---------------checkbox--------------*/
input.radiocheck+label.checkbox_label {
    background: #fff;
    border: 1px solid #FF8E2F;
    padding-right: 8px;
    border-radius: 20px;
    height: 20px;
    line-height: 19px;
    display: inline-block;
    width: 45px;
    text-align: right;
    cursor: pointer;
    position: relative;
}

input.radiocheck+label.checkbox_label:before {
    content: "\f056";
    font-family: FontAwesome;
    position: absolute;
    text-align: center;
    transition: all .2s;
    color: #FF8E2F;
    font-size: 22px;
    left: 0;
    top: 0;
}

input.radiocheck+label.checkbox_label i:before{
    content: "否";
    font-style: normal;
}


input[type=checkbox].radiocheck, input[type=radio].radiocheck {
    display: none;
}
input[type=checkbox].radiocheck:checked+label:before {
    opacity:1;
    left: 25px;
    color: #1286C8;
    content: "\f058";
    transition: all .2s;
}
input[type=checkbox].radiocheck:checked+label.checkbox_label{
    border: 1px solid #1286C8;
    text-align: left;
    padding-left: 8px;
}
input[type=checkbox].radiocheck:checked+label.checkbox_label i:before{
    content: "是";
}

/*美化选中checkbox*/
input[type=checkbox].checkbox, input[type=radio].checkbox {
    display: none;
}
label.checkbox_label{
    position: relative;
    padding-left: 16px;
    cursor: pointer;
}
input[type=checkbox].checkbox:checked+label:before,input[type=radio].checkbox:checked+label:before,input.checkbox+label.checkbox_label:before{
    position: absolute;
    left: 0;
    top: 0;
}
input[type=checkbox].checkbox:checked+label:before,input[type=radio].checkbox:checked+label:before {

    content: "\f046";
    font-family: FontAwesome;
    text-align: center;
    transition: all .2s;
    color: #2F94CA;
    font-size: 16px;
}
input[type=radio].checkbox.radio:checked+label:before{
    content: "\f192";
    color: #1CB0E0;
}

input.checkbox+label.checkbox_label:before {
    opacity: 1;
    color: #B5B5B5;
    content: "\f096";
    transition: all .2s;
    font-family: FontAwesome;
    font-size: 16px;
    vertical-align: middle;
}
input.checkbox.radio+label.checkbox_label:before{
    content: "\f10c";

}
input[type=radio].checkbox.radio:disabled+label,input[type=checkbox].checkbox:disabled+label{
    cursor: not-allowed;
    color: #999;
}
input[type=radio].checkbox.radio:checked+label,input[type=checkbox].checkbox:checked+label{
    color: #1CB0E0;
}
/*ztre样式*/
.ztree *{
    font-family: "Microsoft YaHei";
    color: #333;
}
.ztree li span.button.ico_docu{
    background: url("../images/myLibrary/tree_file.png") no-repeat;
}
.ztree li span.button.ico_open {
    background: url("../images/myLibrary/tree_book_01.png") no-repeat;
}
.ztree li span.button.ico_close{
    background: url("../images/myLibrary/tree_book_02.png") no-repeat;
}
/*.ztree li span.button.bottom_open{
    background: url("../images/myLibrary/tree_open.png") no-repeat;
}
.ztree li span.button.bottom_close{
    background: url("../images/myLibrary/tree_close.png") no-repeat;
}*/
.ztree li span.button.chk {
    width: 15px;
    height: 15px;
}
.ztree li span.button.chk.radio_false_full_focus {
    background-position: -47px -26px;
}
/*右键菜单重命名*/
.tree_reName{
    position:absolute;
    visibility:hidden;
    top:0;
    text-align: left;
    background: #fff;
    box-shadow: 0px 0px 5px rgba(124, 124, 124, 0.98);
    border-radius: 5px;
    overflow: hidden;
}
.tree_reName ul li{
    padding: 5px 8px;
    cursor: pointer;
}
.tree_reName ul li:hover{
    background: #bbbbbb;
}
/*表格*/
.bootstrap-table .table>thead>tr>th{
    border-bottom: 0;
}
.bootstrap-table .table>thead>tr>th,.table>tbody>tr>td{
    vertical-align: middle;
}
.table_border{
    margin: 0 auto;
    width: 100%;
}
.table_border.fix{
    table-layout: fixed;
}
.table_border caption{
    color: #333;
    font-size: 16px;
    text-align: center;
}
.table_border tr td{
    line-height: 20px;
    text-align: center;
    padding: 5px;
    border-top: 1px solid #ACACAC;
    border-left: 1px solid #ACACAC;
}
.table_border.tle_bg tr:first-child td{
    background: #F2F2F2;
    white-space: nowrap;
}
.table_border tr td:last-child{
    border-right: 1px solid #ACACAC;
}
.table_border tr:last-child td{
    border-bottom: 1px solid #ACACAC;
}
.table_border tr td.border_b{
    border-bottom: 1px solid #ACACAC;
}
.table_border_style1{
    width: 100%;
}
.table_dashed{
    width: 100%;
}
.table_dashed tr td,.table_dashed tr th{
    line-height: 18px;
    text-align: center;
    padding: 5px;
    border-bottom: 1px dashed #2D87E1;
}
.table_dashed tr th{
    border-top: 1px solid #2D87E1;
    border-bottom: 1px solid #2D87E1;
}



.table_border_style1 .tr{
    border-bottom: 1px dashed #2D87E1;
}
.table_border_style1 tr.tr{
    margin-bottom: 20px;
}
.table_border_style1 tr.tr td{
    padding-bottom: 15px;
    padding-top: 10px;
}
.table_border_style1 tr.pd_t td{
    padding-top: 15px;
}
.table_border_style1 tr td.pd_0{
    padding-top: 0;
}
.table_border_style1 td{

}
.table_border_style1 td.icon_file{
    width: 100px;
    height: 50px;
    background: url("../images/home/poject_icon.png") no-repeat center;
}
.table_border_style2{
    width: 100%;
}
.table_border_style2 tr{
    border-bottom: 1px dashed #3188DF;
}
.table_border_style2 tr td{
    line-height: 36px;
    background: url("../images/myProject/text_sequence.png") 15px 13px no-repeat;
    padding-left: 40px;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #44a5dd !important;
    border-color: #21B5E5;
}

/*分页居中*/
.page_center{
    width: 100%;
    text-align: center;
}
/*分页小圆点*/
.table_page .pagination li a{
    padding: 0;
    height: 15px;
    width: 15px;
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    margin-right: 10px;
    border-radius: 50%;
    background-color: #b8c8d7;
    color: #fff;
}
.table_page .pagination li:first-child{
    display: none;
}
.table_page .pagination li:last-child{
    display: none;
}
.fixed-table-container tbody td,.fixed-table-container thead th{
    border-left: none;

}
.fixed-table-container .boot_border  thead tr{
    border-top: 1px solid #BDD4E5 !important;
}
.fixed-table-container tbody tr{
    border-top: 1px dashed #BDD4E5 !important;
}
.fixed-table-container tbody tr:first-child{
    border-top: 0 !important;
}
.fixed-table-container tbody tr.detail-view{
    border-top: 1px solid #BDD4E5 !important;
}
.fixed-table-container tbody tr td{
    border-top: none;
}
.fixed-table-container{
    border: none;
}

.bootstrap-table .table{
    border-bottom: 1px dashed #BDD4E5 !important;
}

.fixed-table-container thead th{
    color: #1F1F1F;
}
/*固定表头*/
.table-wrap{
    outline: none;
    position: relative;
    /*border: 1px #D3D3D3 solid;*/
}
.table-head{
    padding-right:17px;
    background-color: #45BCFB;
    border-bottom: 1px #e6e6e6 solid;
    color: #fff;
}
.table-head-wrap{
    width:100%;
    position: relative;
    overflow: hidden;
}
.grid{
    margin: 0px;
    table-layout: fixed;
    width: 100%;
    max-width: none;
    border-spacing: 0px;
    empty-cells: show;

    outline: 0px none;
    border-collapse: collapse;
}
.grid tr th{
    padding: 8px;
    line-height: 24px;
    vertical-align: bottom;
    overflow: hidden;
    border-left: 1px #D3D3D3 solid;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
}
.grid tr th:first-child{
    border-left-width: 0;
}
.grid tr td{
    border-left: 1px #D3D3D3 solid;
    border-bottom: 1px #D3D3D3 solid;
    padding: 8px;
    overflow: hidden;
    line-height: 1.6em;
    vertical-align: middle;
    text-overflow: ellipsis;
    text-align: center;
}
.grid tr td:first-child{
    border-left-width: 0px;
}
.grid tr:last-child td{
    border-bottom: none;
}
.tab-link{
    display: block;
    min-height: 18px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
.table-content{
    height: 286px;
    white-space: normal;
    position: relative;
    width: 100%;
    overflow-x: auto;
    overflow-y: scroll;
    min-height: 0;
}
.table-content .grid{
    border: 1px solid #d3d3d3;
    border-top-width: 0;
}
/*树形表格*/
.tree-icon.childNode{
    background: url("../images/researchDevelopment/icon_Folder.png");
    width: 15px;
    height: 13px;
    display: inline-block;
    margin-left: 9px !important;
}
.tree-icon.closeNode{
    background: url("../images/researchDevelopment/Folder_3.png");
    width: 34px;
    height: 13px;
    display: inline-block;
}
.tree-icon.openNode{
    background: url("../images/researchDevelopment/Folder_1.png");
    width: 34px;
    height: 13px;
    display: inline-block;
}





/*按钮*/
button.button,a.button {
    height: 28px;
    line-height: 28px;
    border: none;
    border-radius: 4px;
    color: #fff;
    padding: 0 6px;
    background-image: linear-gradient(to left,#2795d2,#23b6b8);
    min-width: 50px;
    box-shadow: 0px 1px 3px #3CB5E8;
    position: relative;
    z-index: 0;
}
.button[disabled]{
    cursor: not-allowed;
    color: #fff;
    background: #CED5DB;
    box-shadow: none;
}
.button[disabled]:after{
    display: none;
}
button.button.small{
    height: 23px;
    line-height: 23px;
}
button.button.delete{
    background: #C56333;
    box-shadow: 0px 1px 3px #C56333;
}
button.button.active:hover{
    color: #fff;
}
button.button:after,.btn_pro:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #31759c;
    z-index: -1;
    transition: all 0.3s;
    border-radius: 4px;
}
button.button:hover:after,.btn_pro:hover:after{
    height: 100%;
}
button.button.icon:before{
    content: "";
    height: 16px;
    width: 16px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-position: left 0px;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
}
button.button.icon.add:before{
    background-image: url("../images/sys/Newly_build_icon.png");
}
button.button.icon.activation:before{
    background-image: url("../images/modelSelection/icon_activation.png");
}
button.button.icon.upload:before{
    background-image: url("../images/modelSelection/icon_upload.png");
}

/*审核按钮*/
.btn_approval,.btn_submit{
    height: 30px;
    width: 76px;
    background-image: url("../images/home/icon_approval.png");
    background-position: left 10px center;
    background-repeat: no-repeat;
    background-color: #44a5dd;
    border: none;
    color: #fff;
    padding-left: 15px;
    border-radius: 3px;
    font-size: 14px;
    box-shadow: 0px 2px 4px #49b2f0;
}
/*提交按钮*/
.btn_submit{
    background-image: url("../images/home/icon_Submit.png");
}
.btn_approval:hover{
    background-color: #3798d0;
}

/*大按钮*/
.btn_pro{
    height: 35px;
    line-height: 35px;
    border: 1px solid #3CB5E8;
    padding: 0 10px 0 30px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0px 1px 3px #3CB5E8;
    position: relative;
    z-index: 0;
}
.btn_pro:after{
    background-color: #3CB5E8;
}
.btn_pro.active,.btn_pro:hover{
    color: #fff;
}
.btn_pro.active{
    background: #3CB5E8;
}
.btn_pro:before{
    content: "";
    height: 16px;
    width: 16px;
    position: absolute;
    left: 8px;
    top: 9px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
}

.btn_pro.normal{
    line-height: 27px;
    height: 28px;
    color: #2085BF;
}
.btn_pro.normal:before{
    top: 5px;
}
.btn_pro.normal:hover{
    color: #fff;
}
/*项目暂停按钮*/
.btn_pro.zanting:before{
    background-image: url("../images/myProject/icon_suspend_but_b.png");
}
.btn_pro.zanting.active:before,.btn_pro.zanting:hover:before{
    background-image: url("../images/myProject/icon_suspend_but_w.png");
}
/*需求变更按钮*/
.btn_pro.xuqiu:before{
    background-image: url("../images/myProject/icon_demand_but_b.png");
}
.btn_pro.xuqiu.active:before,.btn_pro.xuqiu:hover:before{
    background-image: url("../images/myProject/icon_demand_but_w.png");
}
/*周期变更按钮*/
.btn_pro.zhouqi:before{
    background-image: url("../images/myProject/icon_cycle_but_b.png");
}
.btn_pro.zhouqi.active:before,.btn_pro.zhouqi:hover:before{
    background-image: url("../images/myProject/icon_cycle_but_w.png");
}
/*逾期分析按钮*/
.btn_pro.yuqi:before{
    background-image: url("../images/myProject/icon_Analysis_but_b.png");
}
.btn_pro.yuqi.active:before,.btn_pro.yuqi:hover:before{
    background-image: url("../images/myProject/icon_Analysis_but_w.png");
}

/*文件按钮*/
.btn_pro.normal.file:before{
    background-image: url("../images/modelSelection/icon_type_selection_list.png");
}
/*vs按钮*/
.btn_pro.normal.vs:before{
    background-image: url("../images/modelSelection/icon_vs.png");
}
/*保存按钮*/
.btn_pro.normal.preservation:before{
    background-image: url("../images/sys/icon_Preservation.png");
}
/*类型按钮*/
.btn_pro.normal.type:before{
    background-image: url("../images/sys/type_icon_1.png");
}

.swatch_content,.tab_switch_content{
    display: none;
}
.swatch_content.active,.tab_switch_content.active{
    display: block;
}
.link_color{
    color: #2A8CBF;
    cursor: pointer;
}
.link_color:hover{
    color: #195b7c;
}
.link_color.fff{
    color: #9f9f9f;
}
.link_color.line{
    text-decoration: underline;
}
.link_color.middle{
    display: inline-block;
    vertical-align: middle;
    margin-top: -6px;
}
.link_border{
    padding: 3px 8px;
    border-radius: 30px;
    border: 1px solid transparent;
    cursor: pointer;
}
.link_border:hover{
    border-color: #2286C0;
}
/*状态*/
.state_yuqi .fa{
    color: #DA201F;
    margin-right: 5px;
}
.state_warning .fa{
    color: #C9B21E;
    margin-right: 5px;
}
.state_normal .fa{
    color: #13AE2F;
    margin-right: 5px;
}
.state_over .fa{
    color: #A6B3BB;
    margin-right: 5px;
}
/*项目状态图标*/
.state_icon{
    display: inline-block;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
}
/*正常*/
.state_icon.normal{
    background-image: url("../images/sys/normal_icon.png");
}
/*逾期*/
.state_icon.overdue{
    background-image: url("../images/sys/Be_overdue_icon.png");
}
/*结束*/
.state_icon.end{
    background-image: url("../images/sys/End_icon.png");
}
/*预警*/
.state_icon.warning{
    background-image: url("../images/sys/early_warning_icon.png");
}
/*报警*/
.state_icon.alarm{
    background-image: url("../images/sys/alarm_icon.png");
}


/*表格仪表*/
.table_chart_meter{
    height: 27px;
    width: 51px;
    position: relative;
}
.table_chart_meter .bg{
    display: block;
    height: 100%;
    width: 100%;
    background-size: 100% 100%;
}
.table_chart_meter .bg.chart_01{
    background-image: url("../images/chart/Chart_01.png");
}
.table_chart_meter .bg.chart_02{
    background-image: url("../images/chart/Chart_02.png");
}
.table_chart_meter .bg.chart_03{
    background-image: url("../images/chart/Chart_03.png");
}
.table_chart_meter .bg.chart_04{
    background-image: url("../images/chart/Chart_04.png");
}
.table_chart_meter .bg.chart_05{
    background-image: url("../images/chart/Chart_05.png");
}
.table_chart_meter .bg.chart_06{
    background-image: url("../images/chart/Chart_06.png");
}
.table_chart_meter .bg.chart_07{
    background-image: url("../images/chart/Chart_07.png");
}
.table_chart_meter .bg.chart_08{
    background-image: url("../images/chart/Chart_08.png");
}
.table_chart_meter .bg.chart_09{
    background-image: url("../images/chart/Chart_09.png");
}
.table_chart_meter .bg.chart_010{
    background-image: url("../images/chart/Chart_10.png");
}
.table_chart_meter .bg.chart_011{
    background-image: url("../images/chart/Chart_11.png");
}

/*.table_chart_meter .bg:before{
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 30px 30px 0 0;
    height: 20px;
    width: 40px;
    background-color: #fff;
}
.table_chart_meter .bg em{
    display: block;
    height: 100%;
    width: 60%;
    background: #18B035;
}
.table_chart_meter i:before{
    position: absolute;
}
.table_chart_meter .bg .pointer{
    position: absolute;
    bottom: 0;
    top: 7px;
    left: 50%;
    margin-left: -2.5px;
    width: 5px;
    background: #18B035;
    transform-origin: center bottom;
    transform: rotate(60deg);
}*/
.table_chart_meter .tips_msg{
    min-width: 150px;
}

/*.table_chart_meter:hover .tips_msg{
    display: block;
    cursor: pointer;

}*/
/*.fixed-table-body{
    overflow: inherit;
}*/

.tips_msg_box{
    position: relative;
}
.tips_msg{
    position: absolute;
    left: 50%;
    top: 0;
    width: auto;
    z-index: 111;
    background: rgba(0,0,0,0.6);
    min-width: 160px;
    line-height: 30px;
    border-radius: 3px;
    color: #fff;
    display: none;
    padding: 0 10px;
    font-size: 12px;
}
.tips_msg .fa{
    width: 12px;
    height: 10px;
    color: #0CB4DD;
}
.tips_msg .file_name{
    display: inline-block;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
.tips_msg .see_icon,.tips_msg .down_btn,.tips_msg .file_state{
    display: inline-block;
    background: url("../images/home/icon_details.png");
    width: 14px;
    height: 14px;
    vertical-align: middle;
}
.tips_msg .down_btn{
    background: url("../images/home/icon_download.png");
    margin-left: 8px;
}
.tips_msg .file_state{
    margin-right: 23px;
    background: none;
    line-height: 12px;
}
.tips_msg_box:hover .tips_msg{
    display: block;
}

/*title提示*/
.titleTipInfo{
    background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 0 10px;
    line-height: 30px;
    position:absolute;
    display:none;
    border-radius: 3px;
    white-space: nowrap;
    z-index: 29999999;
}

/*搜索框*/
.search_box{
    height: 28px;
    line-height: 28px;
    position: relative;
    display: inline-block;
}
.search_box input{
    border-radius: 30px;
    width: 100%;
    border: 1px solid #D1D1D1;
    outline: none;
    padding: 0 10px;
    height: 28px;
    line-height: 28px;
}
.search_box .search_icon{
    position: absolute;
    right: 3px;
    top: 0px;
    background: url(../images/home/icon_search.png) no-repeat center;
    height: 28px;
    width: 28px;
    border: none;
}
.search_box .search_icon:hover{
    background: url(../images/home/icon_search.png) no-repeat center;
}
.tle_item {
    position: relative;
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    border-bottom: 1px solid #E3EBF0;
    background: #F5F5F5;
}
.tle_item.no-bg{
    background: none;
    border-bottom: 0;
}
.tle_item:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 4px;
    border-radius: 8px;
    background: #147EC8;
    left: 8px;
    top: 10px;
}
.tle_item.left-0{
    padding-left: 10px;
}
.tle_item.left-0:before{
    left: 0;
}
.tle_item .strong{
    font-size: 14px;
}
.content_item{
    background: #fff;
}
/*------------------------------------------公共模块-------end--------------------------*/

.header{
    height: 60px;
    background: url("../images/home/header_bg.png");
    position: relative;
}
.header:after{
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 241px;
    height: 60px;
    background: url("../images/home/Personal_Center_bg.png") no-repeat;
    z-index: -1;
}
.header .logo_box{
    padding: 10px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 400px;
    z-index: 1;
}
.header .logo_box a{
    display: block;
    background: url("../images/home/header_logo.png");
    width: 285px;
    height: 40px;
}
.header .nav_box{
    position: absolute;
    left: 400px;
    top: 0;
    bottom: 0;
}
.header .nav_box li{
    float: left;
    color: #fff;
    font-size: 16px;
    height: 60px;
    line-height: 20px;
    padding: 0 15px;
    cursor: pointer;
    margin-right: 10px;
    position: relative;
    z-index: 0;
}
.header .nav_box li.active{
    background: url("../images/home/nav_selected_bg.png");
    background-size: 100% 100%;
}
.header .nav_box li.active:after{
    height: 100%;
}
.header .nav_box li:before{
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    margin: 6px auto 0px;
}
.header .nav_box li:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    z-index: -1;
    transition: all 0.3s;
    background: url(../images/home/nav_selected_bg.png) no-repeat;
    background-size: 100% 100%;
}
.header .nav_box li:hover:after{
    height: 100%;
}

.header .nav_box li.menu1:before{
    background: url("../images/home/nav_Workbench.png");
}
.header .nav_box li.menu2:before{
    background: url("../images/home/nav_research.png");
}
.header .nav_box li.menu3:before{
    background: url("../images/home/nav_model_selection.png");
}
.header .nav_box li.menu4:before{
    background: url("../images/home/nav_Achievements.png");
}
.header .nav_box li.menu5:before{
    background: url("../images/home/nav_Warehouse.png");
}
.header .nav_box li.menu6:before{
    background: url("../images/home/nav_01.png");
}
.header .nav_box li.menu7:before{
    background: url("../images/home/nav_02.png");
}


.header .header_right_box{
    position: absolute;
    right: 10px;
    width: 250px;
    top: 0;
    bottom: 0;
    line-height: 60px;
    color: #fff;
}

.header .header_right_box > li{
    float: right;
    height: 100%;
    background-repeat: no-repeat !important;
    margin-right: 25px;
    cursor: pointer;
    position: relative;
}

.header .header_right_box > li.msg{
    background: url("../images/home/header_information.png") center;
    width: 24px;
}
.header .header_right_box > li.set{
    background: url("../images/home/header_Set.png") center;
    width: 22px;
}
.header .header_right_box .user_box{
    padding-left: 40px;
    background: url("../images/home/header_user_icon.png") left center;
    font-size: 14px;
    margin-right: 0;
}
.header .header_right_box .user_box .fa{
    margin-left: 5px;
}
.header .header_right_box .msg_info{
    position: absolute;
    left: 20px;
    top: 15px;
    padding: 2px;
    border-radius: 50%;
    line-height: 10px;
    background: #e7a629;
}

.header .header_right_box > li .drop_box{
    background: #fff;
    position: absolute;
    right: 0px;
    top: 50px;
    border-radius: 5px;
    box-shadow: 0px 0px 3px #aaa;
    z-index: 29891016;
    color: #111;
    width: 120px;
    padding: 0 5px;
    display: none;
}
.header .header_right_box > li:hover .drop_box{
    display: block;
}
.header .header_right_box > li .drop_box:before{
    content: "";
    position: absolute;
    right: 15px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
}
.header .header_right_box > li .drop_box > li{
    height: 30px;
    line-height: 30px;
    border-bottom: 1px dashed #2A86E1;
    padding: 0 5px;
    overflow: hidden;
}
.header .header_right_box > li .drop_box > li:hover{
    background-color: #ddd;
}
.header .header_right_box > li .drop_box > li:last-child{
    border-bottom: none;
}
header .header_right_box > li.msg .drop_box{
    right: -10px;
}
header .header_right_box > li.msg .drop_box li i{
    display: block;
    border-radius: 50%;
    padding: 2px 5px;
    height: 16px;
    line-height: 14px;
    min-width: 16px;
    margin-top: 6px;
    background: #B4B4B4;
    float: right;
    color: #fff;
    font-size: 12px;
    text-align: center;
}
header .header_right_box > li.msg .drop_box li i.number_bg{
    background: #e7a629;
}
header .header_right_box > li.user_box .drop_box li{
    padding-left: 25px;
    background-image: url("../images/home/Personal_Center.png");
    background-position: 5px center;
    background-repeat: no-repeat;
}
header .header_right_box > li.user_box .drop_box li:nth-child(2){
    background-image: url("../images/home/Sign_out.png");
}

/*左侧菜单*/
.aside{
    position: relative;
    float: left;
    height: calc(100% - 60px);
    font-size: 14px;
    z-index: 2;
    width: 0;
    overflow: hidden;
    background: #fff;

}
.aside:before{
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    width: 1px;
    border-right: 1px solid #d3dde5;
    z-index: 1;
}
.aside.big_w{
    width: 160px;
}
.aside .menu_shrink{
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    font-size: 14px;
    margin-bottom: 5px;
    background: #F5F5F5;
    padding-left: 10px;
    border-bottom: 1px solid #e2edf6;
    color: #8f8f8f;;
    position: relative;
}
.aside .menu_shrink .menu_shrink_but{
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    border-left: 1px solid #e2edf6;
    text-align: center;
    color: #9A9A9A;
    font-size: 16px;
}
.aside .menu_shrink .menu_shrink_but:hover{
    opacity: 0.7;
}
.aside .sub_box{
    padding: 0 10px;
    display: none;
}
.aside .sub_box.active{
    display: block;
}
.aside .sub_box .nav_item:first-child{
    margin-top: 0;
}
.aside .sub_box .nav_item{
    position: relative;
    z-index: 0;
}
.aside .sub_box .nav_item a.sub_icon{
    height: 36px;
    line-height: 36px;
    display: block;
    padding-left: 25px;
    cursor: pointer;
    color: #8f8f8f;
}

.aside .sub_box .nav_item a.sub_icon .fa{
    position: absolute;
    left: 10px;
    top: 10px;
}
.aside .sub_box .nav_item.active{

}
.aside .sub_box .nav_item.active a.sub_icon{

}
.aside .sub_box .nav_item[data-id="index"]{
    height: 36px;
}
.aside .sub_box .nav_item[data-id="index"] > a{
    height: 30px;
    line-height: 30px;
    transition: all 0.3s;
    padding-left: 18px;
}
.aside .sub_box .nav_item[data-id="index"] > a .iconfont{
    margin-right: 5px;
}
.aside .sub_box .nav_item[data-id="index"]:hover > a,
.aside .sub_box .nav_item.active[data-id="index"] > a{
    background: #1286C8;
    color: #fff;
    box-shadow: 0px 3px 10px rgba(18, 174, 243, 0.51);
    border-radius: 30px;
}
/*三级菜单*/
.aside .sub_box .sub_item_box{
    display: none;
}
.aside .sub_box .sub_item_box li{
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
}
.aside .sub_box .sub_item_box li a{
    display: inline-block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    padding-left: 18px;
    position: relative;
    z-index: 0;
    border-radius: 30px;
    color: #1e1e1e;
    transition: all 0.3s;
}
.aside .sub_box .sub_item_box li a .iconfont{
    margin-right: 5px;
    /*background: linear-gradient(to bottom, #757575, #1e1e1e);
    background-clip: text;*/
    color: #757575;
}
.aside .sub_box .nav_item.active_bg{

}

.aside .sub_box .nav_item .fa-caret-down{
    transform: rotate(0deg);
}
.aside .sub_box .nav_item.active_bg .fa-caret-down{
    transform: rotate(180deg);
}
.aside .sub_box .sub_item_box li.active a,
.aside .sub_box .sub_item_box li a:hover{
    background: #1286C8;
    color: #fff;
    box-shadow: 0px 3px 10px rgba(18, 174, 243, 0.51);
}
.aside .sub_box .sub_item_box li.active a .iconfont,
.aside .sub_box .sub_item_box li a:hover .iconfont{
    color: #fff;
    background: none;
}

/*中间内容*/
.section{
    float: right;
    width: 100%;
    position: relative;
    height: calc(100% - 60px);
    padding-top: 30px;
}
.section.big_w{
    width: calc(100% - 160px);
}
.middle_content{
    height: 100%;
    background: #dee7ef;
    overflow: auto;
}
.middle_content.min{
    min-height: calc(100vh - 60px);
}
.section .location_box{
    height: 30px;
    line-height: 30px;
    background: url("../images/home/location_home_icon.png") #fff left 10px center no-repeat;
    padding-left: 35px;
    font-size: 12px;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    z-index: 2;
}

.section .location_box i:after{
    content: "";
    display: inline-block;
    background: url("../images/home/location_next_icon.png");
    height: 30px;
    width: 14px;
    margin: -3px 10px 0 10px;
    vertical-align: middle;
}
.section .location_box i:last-child{
    color: #2C85BE;
    cursor: pointer;
}
.section .location_box i:last-child:after{
    content: normal;
}

/*左侧固定列表*/
.left_item_box{
    width: 200px;
    height: 100%;
    float: left;
    transition: all 0.3s;
}
.right_item_box{
    width: calc(100% - 200px);
    height: 100%;
    float: right;
    transition: all 0.3s;
}
/*工具栏*/
.toolbar > li{
    line-height: 35px;
}
.toolbar .butt{
    color: inherit;
    cursor: pointer;
    white-space:nowrap;
}

.toolbar .butt.active,.toolbar .butt:hover{
    color: #3DA0DB;
    text-decoration: underline;
}

/*表单输入*/
.form_input{
    background: #fff;
    overflow: auto;
    padding-bottom: 10px;
   /* border-top: 1px solid #D3DFE9;
    border-bottom: 1px solid #D3DFE9;*/
}
.form_input > li{
    width: calc(50% - 4px);
    display: inline-block;
    margin-top: 15px;
}
.form_input > li.w{
    width: 100%;
    float: none;
}
.form_input > li.p{
    position: relative;
}
.form_input li .lab{
    margin-left: 8px;
    position: relative;

}
.form_input.circle > li > label{

}
.form_input.circle > li > label:before{
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #1286C8;
    vertical-align: middle;
    margin-right: 8px;
    margin-top: -3px;
}
.form_input textarea{
    width: calc(100% - 130px);
    vertical-align: top;
    height: 80px;
}
.form_input li .lab.must_input:before{
    position: absolute;
    left: -7px;
    top: -1px;
    content: "*";
    color: #E36061;
}
.form_input li.border_top{
    border-top: 1px dashed #4092E4;
    padding-top: 15px;
}
/*弹窗*/
.lay_window{
    padding: 0 10px;
    background: #fff;
    display: none;
}
.lay_skin{
    border-radius: 8px !important;
    padding: 6px !important;
    background: #DEE7F0 !important;
}
.lay_skin .layui-layer-title{
    border-radius: 8px 8px 0 0;
    color: #E5A527;
    border: none;
    text-align: center;
    padding: 0;
    font-size: 16px;
    position: relative;
}
.lay_skin .layui-layer-title:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    border-bottom: 1px solid #D3DFE9;
}
.lay_skin .layui-layer-content{
    background: #fff;
}
.lay_skin .layui-layer-btn{
    padding-top: 10px;
}
.lay_skin .layui-layer-setwin{
    top: 0px;
    right: 0px;
    width: 26px;
    height: 21px;
}
.lay_skin  .layui-layer-setwin a{
    width: 100%;
    height: 100%;
    margin-left: 0;
}
.lay_skin .layui-layer-setwin a.layui-layer-ico{
    background: url(../images/home/box_horn.png);
}
.lay_skin .layui-layer-setwin a.layui-layer-ico:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: url("../images/home/icon_close.png") no-repeat 13px 5px;
}
.lay_skin .layui-layer-setwin .layui-layer-close1:hover{
    opacity: 0.6;
}
.lay_skin .layui-layer-btn .layui-layer-btn0{
    background-image: url("../images/home/icon_Submit.png");
}
.lay_skin.lay_btn .layui-layer-btn .layui-layer-btn0{
    background-image: url("../images/sys/lay_1.png");
}
.lay_skin.lay_btn .layui-layer-btn .layui-layer-btn1{
    background-image: url("../images/sys/lay_2.png");
}
.lay_skin .layui-layer-btn a{
    height: 30px;
    line-height: 30px;
    width: 76px;
    background-position: left 10px center;
    background-repeat: no-repeat;
    background-color: #44a5dd;
    border: none;
    color: #fff;
    padding: 0;
    padding-left: 30px;
    border-radius: 3px;
    font-size: 14px;
    box-shadow: 0px 2px 4px #49b2f0;
}
.lay_skin.lay_btn .layui-layer-btn a{
    padding-right: 10px;
    background-position: left 12px center;
}
.lay_skin .layui-layer-btn{
    background: #fff;
    border-radius: 0 0 8px 8px;
    text-align: center;
    position: relative;
}
.lay_skin .layui-layer-btn:before{
    content: "";
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    border-bottom: 1px solid #D3DFE9;
}
/*----------------------tab风格1-------------------------*/
.swatch_title.style_one{
    display: inline-block;
    overflow: hidden;
}
.swatch_title.style_one li{
    float: left;
    width: 46px;
    height: 22px;
    line-height: 23px;
    margin-right: 10px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px;
}

.swatch_title.style_one li.active,.swatch_title.style_one li:hover{
    background-image:linear-gradient(to left,#2795d2,#23b6b8);
    color: #fff;
}
/*----------------------tab风格2-------------------------*/
.swatch_title.style_two{
    display: inline-block;
    overflow: hidden;
    box-shadow: 0px 1px 3px rgba(32, 223, 243, 0.53);
    border-radius: 3px;
}
.swatch_title.style_two li{
    float: left;
    padding: 0 6px;
    height: 22px;
    line-height: 22px;
    cursor: pointer;
    border: 1px solid #20B0C4;
    border-left: 0;
    min-width: 65px;
    font-size: 12px;
}
.swatch_title.style_two.pro{
    vertical-align: middle;
}
.swatch_title.style_two.pro li{
    height: 28px;
    line-height: 27px;
    font-size: 14px;
}
.swatch_title.style_two li:first-child{
    border-radius: 3px 0 0 3px;
    border-left: 1px solid #20B0C4;
}
.swatch_title.style_two li:last-child{
    border-radius: 0 3px 3px 0;
}
.swatch_title.style_two li.active,.swatch_title.style_two li:hover{
    background: #32A4E1;
    color: #fff;
}




/*-------------------------工作台首页-----------------------*/
.workBench_indexPage{
    min-height: 100%;
    width: 100%;
}
.workBench_indexPage.h{
    height: 100%;

}
.workBench_indexPage.pd_r{
    padding-right: 310px !important;
}
.workBench_indexPage .left_box{
    height: 100%;
}
.workBench_indexPage .right_box{
    width: 310px;
    height: 100%;
    background: #DEE7F0;
    border-radius: 5px;
    position: fixed;
    top: 90px;
    right: 0px;
    padding: 10px 10px 0 10px;
}
.workBench_indexPage .right_box .i_box{
    min-height: 100%;
}


/*任务栏*/
.workBench_indexPage .task_bar{
    overflow: hidden;
    padding: 0 0 15px 15px;
}
.workBench_indexPage .task_bar li{
    float: left;
    margin-right: 22px;
    height: 82px;
    width: 91px;
    background: url("../images/home/Shortcut_Achievements.png");
    cursor: pointer;
    margin-top: 15px;
}
.workBench_indexPage .task_bar li.add_task{
    background: url("../images/home/Shortcut_add.png");
}
.workBench_indexPage .task_bar li.shoukongqingdan,.index_task_bar .list_item li.shoukongqingdan{
    background: url("../images/home/Detailed_list.png");
}
.workBench_indexPage .task_bar li.chanpinruku,.index_task_bar .list_item li.chanpinruku{
    background: url("../images/home/product_storage.png");
}
.workBench_indexPage .task_bar li.xuanxingshenpi,.index_task_bar .list_item li.xuanxingshenpi{
    background: url("../images/home/Selection_approval.png");
}
.workBench_indexPage .task_bar li.xiangmushenpi,.index_task_bar .list_item li.xiangmushenpi{
    background: url("../images/home/Shortcut_Achievements.png");
}
.workBench_indexPage .task_bar li.xiangmurenwu,.index_task_bar .list_item li.xiangmurenwu{
    background: url("../images/home/Shortcut_list.png");
}
.workBench_indexPage .task_bar li.xinjianxiangmu,.index_task_bar .list_item li.xinjianxiangmu{
    background: url("../images/home/Shortcut_Project.png");
}
.workBench_indexPage .task_bar li.renyuanshenqing,.index_task_bar .list_item li.renyuanshenqing{
    background: url("../images/home/Shortcut_team.png");
}
.workBench_indexPage .task_bar li.wodexiangmu,.index_task_bar .list_item li.wodexiangmu{
    background: url("../images/home/Shortcut_us_project.png");
}
.workBench_indexPage .task_bar li.renyuanzhipai,.index_task_bar .list_item li.renyuanzhipai{
    background: url("../images/home/Shortcut_Warehouse.png");
}

.workBench_indexPage .task_bar li.add_task:hover{
    background: url("../images/home/Shortcut_add_1.png");
}
.workBench_indexPage .task_bar li.shoukongqingdan:hover,.index_task_bar .list_item li.shoukongqingdan:hover{
    background: url("../images/home/Detailed_list_1.png");
}
.workBench_indexPage .task_bar li.chanpinruku:hover,.index_task_bar .list_item li.chanpinruku:hover{
    background: url("../images/home/product_storage_1.png");
}
.workBench_indexPage .task_bar li.xuanxingshenpi:hover,.index_task_bar .list_item li.xuanxingshenpi:hover{
    background: url("../images/home/Selection_approval_1.png");
}
.workBench_indexPage .task_bar li.xiangmushenpi:hover,.index_task_bar .list_item li.xiangmushenpi:hover{
    background: url("../images/home/Shortcut_Achievements_1.png");
}
.workBench_indexPage .task_bar li.xiangmurenwu:hover,.index_task_bar .list_item li.xiangmurenwu:hover{
    background: url("../images/home/Shortcut_list_1.png");
}
.workBench_indexPage .task_bar li.xinjianxiangmu:hover,.index_task_bar .list_item li.xinjianxiangmu:hover{
    background: url("../images/home/Shortcut_Project_1.png");
}
.workBench_indexPage .task_bar li.renyuanshenqing:hover,.index_task_bar .list_item li.renyuanshenqing:hover{
    background: url("../images/home/Shortcut_team_1.png");
}
.workBench_indexPage .task_bar li.wodexiangmu:hover,.index_task_bar .list_item li.wodexiangmu:hover{
    background: url("../images/home/Shortcut_us_project_1.png");
}
.workBench_indexPage .task_bar li.renyuanzhipai:hover,.index_task_bar .list_item li.renyuanzhipai:hover{
    background: url("../images/home/Shortcut_Warehouse_1.png");
}





.i_box{
    border-radius: 5px;
    background: #fff;
    margin-bottom: 10px;
}
.i_box.h{
    height: 100%;
}
.i_box.minH{
    min-height: 100%;
}
.i_box .i_title_box{
    border-bottom: 1px solid #b8c8d7;
    height: 35px;
    position: relative;
}
.more_btn{
    float: right;
    width: 46px;
    height: 22px;
    line-height: 21px;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 7px;
    border: none;
    font-size: 12px;
    box-shadow: 0px 1px 3px #23b6b8;
    transition: all 0.5s;
    background-image: linear-gradient(to left,#2795d2,#23b6b8);
    z-index: 0;
}

.more_btn:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #31759c;
    z-index: -1;
    transition: all 0.3s;
    border-radius: 3px;
}

.more_btn:hover:before {
    height: 100%;
}


.i_box .i_title_box .i_title{
    position: absolute;
    top: -4px;
    left: 5px;
    height: 38px;
    line-height: 38px;
    width: 96px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    z-index: 0;
}
.i_box .i_title_box .i_title.active{
    background: url("../images/home/Modular_title_bg.png");
    color: #fff;
    line-height: 33px;
    background-size: 100% 100%;
}
.i_box .i_title_box .i_title:hover{
    color: #fff;
    line-height: 33px;
}
.i_box .i_title_box .i_title:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    z-index: -1;
    transition: all 0.3s;
    background: url(../images/home/Modular_title_bg.png) no-repeat;
    background-size: 100% 100%;
}
.i_box .i_title_box .i_title.active:before{
    height: 100%;
}
.i_box .i_title_box .i_title:hover:before{
    height: 100%;
}

.i_box .i_title_box .i_title:nth-child(2){
    left: 105px;
}
.i_box .i_title_box .i_title:nth-child(3){
    left: 210px;
}
.i_box .i_title_box .i_title:nth-child(4){
    left: 325px;
}
.i_box .i_title_box .i_title:nth-child(5){
    left: 440px;
}



.i_box .i_title_box.big{
    border-bottom: 0;
    height: 50px;
}
.i_box .i_title_box.big .i_title{
    position: absolute;
    top: 8px;
    left: -7px;
    line-height: 34px;
    font-size: 16px;
    cursor: pointer;
    background: url("../images/myProject/project_title_bg.png") no-repeat;
    width: 258px;
    height: 37px;
    color: #fff;
    padding-left: 20px;
}
.i_box .i_content{
    padding: 0 10px;
}
.typeSelectionListPage .i_box .i_title_box .i_title{
    width: 120px;
}
.typeSelectionListPage .i_box .i_title_box .i_title:nth-child(2){
    left: 126px;
}
.typeSelectionListPageForm table tr th:first-child{
    width: 40px;
}
.typeSelectionListPageForm table tr th:nth-child(2){
    width: 40px;
}
.typeSelectionListPageForm table tr th:nth-child(3){
    width: 140px;
}
.typeSelectionListPageForm .authorizationTable .file{
    border: 1px solid #bbb;
    padding: 2px 5px;
    border-radius: 15px;
    cursor: pointer;
    position: relative;
    margin-right: 15px;
    font-size: 12px;
}
.typeSelectionListPageForm .authorizationTable .file .close_btn{
    position: absolute;
    right: -2px;
    top: -3px;
    background-image: url(../images/home/icon_close.png);
    height: 8px;
    width: 10px;
    background-color: #fff;
    cursor: pointer;
}
.typeSelectionListPageForm .authorizationTable .file .close_btn:hover{
    opacity: 0.7;
}
.typeSelectionListPageForm .file_name{
    line-height: 30px;
}

.memberSchedule{
    padding-top: 50px;
    position: relative;
}
.memberSchedule .top_box,.left_item_box .top_box{
    position: absolute;
    left: -10px;
    right: -10px;
    top: 0;
    height: 40px;
    line-height: 40px;
    box-shadow: 0 1px 2px rgba(45, 135, 225, 0.52);
}
.memberSchedule .top_box .project_box{
    position: relative;
}
.memberSchedule .top_box .project_box .fa{
    position: absolute;
    left: 5px;
    top: 15px;
    color: #3295E5;
    cursor: pointer;
}
.memberSchedule .top_box .project_box .fa.fa-chevron-right{
    left: auto;
    right: 40px;
}
.memberSchedule .top_box .project_box .project_name{
    position: absolute;
    left: 18px;
    right: 50px;
    top: 0;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    color: #3295E5;
    font-weight: bold;
    text-align: center;
}
.memberSchedule .top_box .project_box .search_btn_icon{
    position: absolute;
    right: 7px;
    top: 7px;
    background: url("../images/home/icon_search.png") no-repeat center;
    height: 28px;
    width: 28px;
    border: none;
}
.memberSchedule .top_box .project_box .search_btn_icon:hover{
    opacity: 0.6;
}
.memberSchedule .top_box .project_box .search_btn_icon:before{
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    bottom: 2px;
    width: 1px;
    background: url("../images/home/parting_line.png") no-repeat;
}
.memberSchedule .top_box .search_box{
    display: none;
    margin-top: 6px;
    width: calc(100% - 20px);
    margin-left: 10px;
}

.memberSchedule table{
    width: 100%;
    border-bottom: 1px dashed #2D87E1;
    margin-bottom: 6px;
}
.memberSchedule table td{
    height: 25px;
    vertical-align: middle;
    color: #1A1A1A;
}
.memberSchedule table td .people_name{
    display: inline-block;
    height: 19px;
    background: url("../images/home/icon_user.png") no-repeat;
    padding-left: 23px;
}
.memberSchedule table td .warring{
    display: none;
}
.memberSchedule table td .warring.active{
    display: inline-block;
}

.memberSchedule table td .state{
    display: inline-block;
    height: 14px;
    line-height: 14px;
    padding-left: 16px;
}
.memberSchedule table td .state.jinxingzhong{
    background: url("../images/home/icon_Have_in_hand.png") no-repeat;
}
.memberSchedule table td .state.yuqi{
    background: url("../images/home/icon_Be_overdue.png") no-repeat;
}
.memberSchedule table td .state.success{
    background: url("../images/home/icon_Completed.png") no-repeat;
}
.projectProgress{
    height: calc(100vh - 200px);
}

.memberSchedule .slider_box{
    display: inline-block;
    width: calc(100% - 50px);
    background: #C2D4E5;
    height: 10px;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
}
.memberSchedule .slider_box .slider_item{
    display: block;
    height: 100%;
    width: 60%;
    background: #44A5DD;
}
.memberSchedule .slider_box .slider_item.warring{
    background: #CCB72D;
}
.memberSchedule .slider_box .slider_item.yuqi{
    background: #DA1E1E;
}
.memberSchedule .slider_box .slider_item.success{
    background: #18B035;
}
.memberSchedule .slider_box:hover .tips_msg{
    left: 0px;
    top: 10px;
}
.modelHis table{
    width: 100%;
    border-bottom: 1px dashed #2D87E1;
    margin-bottom: 6px;
}
.modelHis table td{
    height: 25px;
    color: #1a1a1a;
}
.modelHis table tr:first-child td{
    background: url("../images/home/projectHis_icon.png") no-repeat left center;
    padding-left: 18px;
}
.modelHis table tr:last-child td{
    color: #B3B3B3;
    font-size: 12px;
    padding-bottom: 8px;
}
.modelHis table tr td span.copy{
    display: inline-block;
    padding: 3px 5px 3px 16px;
    background: url("../images/modelSelection/copy_icon.png") no-repeat 3px center;
    background-size: 12px 12px;
    border: 1px solid #B3B3B3;
    border-radius: 5px;
    cursor: pointer;
    color: #333;
}
.approval_file_state ul{
    min-width: 200px;
}
.operation_approval,.operation_people,.operation_suspend,.operation_submit,.operation_edit,.operation_del,.operation_down,.operation_copy,.operation_details,.operation_replace,.operation_table_btn{
    width: 16px;
    height: 16px;
    cursor: pointer;
    display: inline-block;
    border: none;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
/*审批*/
.operation_approval{
    background: url("../images/home/approval_selected_icon.png");
}
/*暂停*/
.operation_suspend{
    background: url("../images/home/icon_suspend_w_01.png");
}
/*提交*/
.operation_submit{
    background: url("../images/home/icon_Submit_w_01.png");
}
/*编辑*/
.operation_edit{
    background: url("../images/modelSelection/edit_but_icon_w.png");
}
/*删除*/
.operation_del{
    background: url("../images/modelSelection/delete_icon.png");
}
/*下载*/
.operation_down{
    background: url("../images/researchDevelopment/but_download.png");
}
/*复制*/
.operation_copy{
    background: url("../images/modelSelection/copy_icon.png");
}
/*详情*/
.operation_details{
    background: url("../images/modelSelection/details_icon.png");
}
/*人员*/
.operation_people{
    background: url("../images/home/personn_icon.png");
}
/*替换*/
.operation_replace{
    background: url("../images/modelSelection/replace_icon.png");
}

.operation_table_btn.distribution{
    background: url("../images/modelSelection/icon_distribution.png");
}
.operation_table_btn.activation_1{
    background: url("../images/modelSelection/icon_activation_1.png");
}
.operation_table_btn.newly_build{
    background: url("../images/modelSelection/icon_Newly_build.png");
}
.operation_table_btn.update{
    background: url("../images/modelSelection/icon_update.png");
}
/*导出*/
.operation_table_btn.export{
    background: url("../images/modelSelection/icon_export.png");
}

.operation_table_btn.evaluate{
    background: url("../images/modelSelection/icon_evaluate.png");
}
.operation_table_btn.evaluate:hover{
    background: url("../images/modelSelection/icon_evaluate_1.png");
}
.operation_suspend:hover{
    background: url("../images/home/icon_Submit_b_01.png");
}
.operation_suspend:hover{
    background: url("../images/home/icon_suspend_b_01.png");
}
.operation_approval:hover{
    background: url("../images/home/approval_icon.png");
}
.operation_edit:hover{
    background: url("../images/modelSelection/edit_icon_01.png");
}
.operation_del:hover{
    background: url("../images/modelSelection/delete_icon_01.png");
}
.operation_people:hover{
    background: url("../images/home/personne_selected_icon.png");
}
/*复制*/
.operation_copy:hover{
    background: url("../images/modelSelection/copy_icon_1.png");
}
/*详情*/
.operation_details:hover{
    background: url("../images/modelSelection/details_icon_1.png");
}
/*编辑*/
.operation_edit:hover{
    background: url("../images/modelSelection/edit_but_icon_b.png");
}
/*下载*/
.operation_down:hover{
    background: url("../images/researchDevelopment/but_download_1.png");
}
/*删除*/
.operation_del:hover{
    background: url("../images/modelSelection/delete_icon_1.png");
}
/*替换*/
.operation_replace:hover{
    background: url("../images/modelSelection/replace_icon_1.png");
}

.operation_table_btn.distribution:hover{
    background: url("../images/modelSelection/icon_distribution_1.png");
}
.operation_table_btn.activation_1:hover{
    background: url("../images/modelSelection/icon_activation_2.png");
}
.operation_table_btn.newly_build:hover{
    background: url("../images/modelSelection/icon_Newly_build_1.png");
}
.operation_table_btn.update:hover{
    background: url("../images/modelSelection/icon_update_1.png");
}
.operation_table_btn.export:hover{
    background: url("../images/modelSelection/icon_export_1.png");
}


.operation_approval ul,.operation_suspend ul,.operation_submit ul{
    min-width: 50px;
}

/*附件图标*/
.enclosure_icon{
    width: 38px;
    height: 38px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}
.enclosure_icon.small{
    width: 16px;
    height: 16px;
    background-size: 100% 100%;
}
.enclosure_icon.word{
    background-image: url("../images/myLibrary/file_word.png");
}
.enclosure_icon.cad{
    background-image: url("../images/myLibrary/file_CAD_n.png");
}
.enclosure_icon.excel{
    background-image: url("../images/myLibrary/file_Excel.png");
}
.enclosure_icon.pdf{
    background-image: url("../images/myLibrary/file_PDF.png");
}
.enclosure_icon.unKnow{
    background-image: url("../images/myLibrary/file_Unknown.png");
}
.enclosure_icon.photo{
    background-image: url("../images/myLibrary/file_photo.png");
}
.enclosure_icon.ppt{
    background-image: url("../images/myLibrary/file_ppt.png");
}




.operation_people ul{
    min-width: 70px;
}
.approval_file_state{
    display: inline-block;
}

/*文件列表*/
.lay_fileList{
    background: #E5F5F9;
    line-height: 30px;
    padding: 0 10px;
}
.lay_fileList li i{
    display: inline-block;
    width: 150px;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}
.lay_fileList li em{
    float: right;
    text-decoration: underline;
    color: #4AA7DE;
    cursor: pointer;
}

/*评审审批*/
.reviewApproval .unApproved_box{

}
.unApproved_box{
    padding: 5px;
    border: 1px solid #BBBBBB;
    display: inline-block;
    width: calc(10% - 15px);
    overflow: hidden;
    margin: 10px 0;
    margin-left: 10px;
    cursor: pointer;
    transition: all 0.5s;
}
.unApproved_box table{
    width: 100%;
}
.unApproved_box.active{
    border: 1px solid #329CD9;
    width: calc(70% - 15px);
    overflow: inherit;
}
.unApproved_box tr td:first-child{
    padding-left: 15px;
    background: url("../images/home/text_sequence.png") no-repeat left 10px;
}
.unApproved_box tr:last-child td{
    background: none;
}
.unApproved_box td{
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    height: 30px;
}

/*评审审批*/
.assignment_form{
    line-height: 30px;
}
.assignment_form .personnel_item{
    padding-left: 18px;
    margin-left: 5px;
    background: url("../images/home/user_business.png")no-repeat left center;
}
.assignment_form .project{
    padding-left: 17px;
}
.assignment_form .project .project_item{
    display: inline-block;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    margin-right: 3px;
    margin-top: -3px;
}
.assignment_form .people_box{
    padding: 0 0 10px 10px;
    border: 1px solid #4097C8;
    box-shadow: 0px 1px 2px #44abde;
}
.assignment_form .people_box i{
    background: #DAEEEE;
    padding: 2px 20px;
    margin: 10px 10px 0 0;
    border-radius: 18px;
    display: inline-block;
    position: relative;
}
.assignment_form .people_box i .close_btn{
    background: url("../images/home/del_but.png");
    display: inline-block;
    width: 14px;
    height: 14px;
    position: absolute;
    right: -3px;
    top: -3px;
    cursor: pointer;
}
.assignment_form .people_box i .close_btn:hover{
    opacity: 0.6;
}

.myProject_Page{
    height: 100%;
}
.myProject_Page .left_item_box{
    position: relative;
    background: #fff;
    border-top: 1px solid #20A7CD;
}
.myProject_Page .left_item_box .box_item{
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: relative;
    padding-top: 40px;
}
.myProject_Page .left_item_box .left_scroll{
    width: 200px;
    overflow-x: hidden;
    height: 100%;
}
.myProject_Page .left_item_box .left_scroll .item_box{
    width: 200px;
}
.myProject_Page .left_item_box .top_box{
    right: 0;
    left: 0;
    padding-right: 20px;
    z-index: 1;
}
.myProject_Page .left_item_box .top_box .all_project{
    background: url("../images/myProject/but_whole_w.png");
    width: 18px;
    height: 18px;
    position: absolute;
    right: 5px;
    top: 11px;
    cursor: pointer;
}
.myProject_Page .left_item_box .top_box .all_project.active,.myProject_Page .left_item_box .top_box .all_project:hover{
    background: url("../images/myProject/but_whole_b.png");
}
.myProject_Page .left_item_box .search_box{
    width: 160px;
    margin-left: 5px;
}
.myProject_Page .left_item_box .item_list{
    line-height: 25px;
    border-bottom: 1px solid #C6DAE6;
    padding: 10px 0;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
.myProject_Page .left_item_box .item_list.active{
    background-color: #EDF5FB;
    position: relative;
}
.myProject_Page .left_item_box .item_list.active:before{
    content: "";
    display: block;
    position: absolute;
    right: 0px;
    top: -1px;
    background: url("../images/myProject/triangle_Selected.png");
    width: 20px;
    height: 20px;
}
.myProject_Page .left_item_box .item_list .details_box{
    position: absolute;
    height: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../images/myProject/project_img.png");
    background-size: 100% 100%;
    transition: all 0.3s;
    text-align: center;
    line-height: 100px;
}
.myProject_Page .left_item_box .item_list:hover .details_box{
    height: 100%;
}
.myProject_Page .left_item_box .item_list>li{
    padding: 0 10px;
    position: relative;
    font-size: 13px;
}
.myProject_Page .left_item_box .item_list>li.project_name{
    background: url("../images/myProject/icon_Project.png")no-repeat left 6px center;
    padding: 0 28px 0 28px;
    color: #2D8FC5;
    font-size: 16px;
}
.myProject_Page .left_item_box .item_list>li .alarm_info_icon,.myProject_Page .left_item_box .item_list>li .waring_info_icon{
    position: absolute;
    right: 5px;
    top: 8px;
    background-image: url("../images/myProject/icon_overdue.png");
    height: 14px;
    width: 14px;
    display: block;
}
.myProject_Page .personnel_form .number_btn{
    display: inline-block;
    width: 18px;
    height: 13px;
    background: #3390C5;
    border-radius: 3px;
    position: absolute;
    top: 0;
    right: 35px;
    text-align: center;
    line-height: 11px;
    cursor: pointer;
}
.myProject_Page .personnel_form .number_btn.add{
    color: #fff;;
}
.myProject_Page .personnel_form .number_btn.reduce{
    top: 16px;
    background: #A8D6F0;
}

/*杩涘害鐘舵�佸浘鏍�*/
.progress_icon{
    display: inline-block;
    width: 12px;
    height: 11px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
/*进度状态图标*/
.progress_icon{
    display: inline-block;
    width: 12px;
    height: 11px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
/*正常完成*/
.progress_icon.normal{
    background-image: url("../images/myProject/Normal_completion.png");
}
/*逾期已完成*/
.progress_icon.overdueComplete{
    background-image: url("../images/myProject/Overdue_completion.png");
}
/*逾期未完成*/
.progress_icon.unfinished{
    background-image: url("../images/myProject/Overdue.png");
}
/*进行中*/
.progress_icon.ongoing{
    background-image: url("../images/myProject/Have_in_hand.png");
}
/*报警*/
.progress_icon.alarm{
    background-image: url("../images/myProject/alarm.png");
}
/*等待*/
.progress_icon.wait{
    background-image: url("../images/myProject/icon_wait.png");
}
/*未开始*/
.progress_icon.notStart{
    background-image: url("../images/myProject/Not_beginning.png");
}

.myProject_Page .progress_swatch_box{
    border: 1px solid #B2B2B2;
    position: relative;
}
.myProject_Page .progress_swatch_box .swatch_title{
    border-bottom: 1px solid #B2B2B2;
}
.myProject_Page .progress_swatch_box .swatch_title li{
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    background: #ECECEC;
    border-right: 1px solid #B2B2B2;
    cursor: pointer;
}

.myProject_Page .progress_swatch_box .swatch_title li.active{
    background: #44A5DC;
    color: #fff;
}
.myProject_Page .progress_swatch_box .btn_box{
    position: absolute;
    top: 6px;
    right: 10px;
}
.myProject_Page .progress_swatch_box .progress_icon_legend{
    position: absolute;
    top: 50px;
    right: 10px;
    font-size: 12px;
}

.myProject_Page .progress_swatch_box .fixed-table-container tbody tr {
    border-top: none !important;
}
.myProject_Page .progress_swatch_box .fixed-table-container thead{
    border-top: 1px solid #3390e5 !important;
    border-bottom: 1px solid #3390e5 !important;
}
.myProject_Page .progress_swatch_box .bootstrap-table .table{
    border-bottom: none !important;
}

.myProject_Page .review_form .file_box{
    border: 1px solid #ccc;
    display: inline-block;
    width: calc(100% - 130px);
    vertical-align: top;
    padding: 8px 8px 0 8px;
}
.myProject_Page .review_form .file_box li{
    display: inline-block;
    width: calc(50% - 3px);
    line-height: 25px;
}
.myProject_Page .review_form .people_box{
    display: inline-block;
    width: calc(100% - 130px);
}

.position{
    position: relative;
}
.myProject_Page .hideLeft_btn{
    position: absolute;
    background: url("../images/myProject/Fold_but.png");
    width: 8px;
    height: 42px;
    right: -8px;
    top: 50%;
    margin-top: -21px;
    cursor: pointer;
    z-index: 11;
}
.myProject_Page .hideLeft_btn.active{
    background: url("../images/myProject/Fold_but_01.png");
}
.myProject_Page .left_item_box.active{
    width: 0;
}
.myProject_Page .left_item_box.active .box_item{
    width: 0;
}
.myProject_Page .right_item_box.active{
    width: 100%;
}


.reminder_info{
    border: 1px solid #3BA9E5;
    height: 35px;
    line-height: 35px;
    position: absolute;
    right: 118px;
    top: 8px;
    left: 660px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 1px 10px #9999 inset;
    padding: 0 30px 0 10px;
    color: #308DC3;
}
.reminder_info .reminder_tle{
    width: 90px;
    background-image: linear-gradient(to left,#2795d2,#23b6b8);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 33px;
}
.reminder_info .reminder_con i{
    margin-right: 10px;
}
.reminder_info .reminder_btn{
    position: absolute;
    right: 5px;
    top: 3px;
    height: 28px;
    width: 28px;
    border-radius: 50%;
    background: url("../images/myProject/icon_upload.png") #3290C4 no-repeat center;
    cursor: pointer;
    z-index: 0;
}
.reminder_info .reminder_btn:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    z-index: -1;
    transition: all 0.3s;
    border-radius: 50%;
    background: url("../images/myProject/icon_upload.png") #3AAAE5 no-repeat center;
}
.reminder_info .reminder_btn:hover:before{
    height: 100%;
}
.myProject_Page .project_cycle {
    line-height: 40px;
    position: absolute;
    left: 270px;
    top: 5px;
}
.myProject_Page .i_title_box .btn_box{
    position: absolute;
    right: 10px;
    top: 7px;
    width: 100px;
    height: 48px;
    text-align: right;
}
.myProject_Page .i_title_box .btn_box .projectApply{
    display: inline-block;
    height: 34px;
    width: 34px;
    border-radius: 50%;
    background: url("../images/myProject/icon_mune.png") #30AFCA center no-repeat;
    cursor: pointer;
}
.myProject_Page .i_title_box .btn_box .projectApply:hover{
    background-color: #2d8ca8;
}

.myProject_Page .i_title_box .btn_box:hover .projectApply ul{
    display: block;
}
.myProject_Page .i_title_box .btn_box .projectApply ul{
    background: #fff;
    position: absolute;
    right: 0px;
    top: 42px;
    border-radius: 5px;
    box-shadow: 0px 0px 3px #6e6e6e;
    z-index: 9;
    color: #111;
    width: 120px;
    padding: 0 5px;
    display: none;
}
.myProject_Page .i_title_box .btn_box .projectApply ul:before{
    content: "";
    position: absolute;
    right: 8px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #C9C9C9;
}
.myProject_Page .i_title_box .btn_box .projectApply ul:after{
    content: "";
    position: absolute;
    right: 10px;
    top: -6px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
}
.myProject_Page .i_title_box .btn_box .projectApply ul li{
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #DDDDDD;
    padding: 0 5px 0 20px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.myProject_Page .i_title_box .btn_box .projectApply ul li:hover{
    color: #298AC1;
}
.myProject_Page .i_title_box .btn_box .projectApply ul li:last-child{
    border-bottom: 0;
}
.myProject_Page .i_title_box .btn_box .projectApply ul li:before{
    content: "";
    display: block;
    position: absolute;
    top: 13px;
    left: 5px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #2A86E1;
}
.myProject_Page .project_cycle .tle_box .cycle_all{
    padding-left: 20px;
    font-size: 14px;
    background: url("../images/myProject/cycle_icon.png") no-repeat left center;
}
.myProject_Page .project_cycle .tle_box .cycle_jieduan{
    margin-left: 15px;
}
.myProject_Page .project_cycle .tle_box .cycle_jieduan em{
    margin-right: 10px;
}

.project_state_box{
    overflow: hidden;
    height: 140px;
    padding: 20px;

}
.project_state_box li{
    width: 20%;
    height: 5px;
    background: #BFCCD4;
    position: relative;
    float: left;
}
.project_state_box li:before,.project_state_box li:last-child:after{
    content: "";
    height: 30px;
    width: 30px;
    background-color: #B3BBBE;
    border-radius: 50%;
    position: absolute;
    left: -15px;
    top: -15px;
    background-image: url("../images/myProject/icon_end.png");
    background-repeat: no-repeat;
    background-position: center;
}
.project_state_box li:last-child:after{
    left: auto;
    right: -10px;
}
.project_state_box li:nth-child(1):before{
    background-image: url("../images/myProject/icon_Project1.png");
}
.project_state_box li:nth-child(2):before{
    background-image: url("../images/myProject/icon_demand.png");
}
.project_state_box li:nth-child(3):before{
    background-image: url("../images/myProject/icon_Development.png");
}
.project_state_box li:nth-child(4):before{
    background-image: url("../images/myProject/icon_Pilot.png");
}
.project_state_box li:nth-child(5):before{
    background-image: url("../images/myProject/icon_Batch_production.png");
}

.project_state_box li .border_box{
    position: absolute;
    top: 30px;
    left: -10px;
    border: 1px solid #B9C7CD;
    padding: 5px;
    border-radius: 5px;
    min-width: 160px;
    font-size: 12px;
}
.project_state_box li .border_box:before{
    content: "";
    position: absolute;
    left: 10px;
    top: -12px;
    width: 0;
    height: 0;
    border-left: 2px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #B9C7CD;
}
.project_state_box li .border_box:after{
    content: "";
    position: absolute;
    left: 11px;
    top: -10px;
    width: 0;
    height: 0;
    border-left: 1px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #fff;
}
.project_state_box li .border_box p i{
    font-size: 14px;
    color: #C4C6C9;
}
.project_state_box li .border_box p i.state{
    float: right;
}
.project_state_box li.active{
   /* background-color: #1882BC;*/
}
.project_state_box li.active:after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #1882BC;
    width: 50%;
}

.project_state_box li.active:before{
    background-color: #1882BC;
    z-index: 1;
}
.project_state_box li.active .border_box p i.tle{
    color: #2888C1;
}
.project_state_box li.active .border_box p i.state{
    color: #E9AC40;
}

.myProject_Page .teamDetails_box{
    width: 250px;
    margin-right: 10px;
    margin-top: 10px;
    padding: 5px;
    line-height: 25px;
    border: 1px solid #B2B2B2;
    border-radius: 5px;
    color: #666;
    display: inline-block;
    height: 150px;
    vertical-align: top;
}




.myProject_Page .teamDetails_box.apply_box{
    background: url("../images/myProject/us_img.png") right -1px no-repeat;
}
.myProject_Page .teamDetails_box.apply_box .shenqing_btn{
    text-align: center;
    margin-top: 30px;
}
.myProject_Page .teamDetails_box.apply_box .shenqing_btn .button{
    line-height: 60px;
    height: 60px;
    min-width: 130px;
}
.myProject_Page .teamDetails_box .name{
    color: #44A5DD;
    background: url("../images/myProject/user_icon.png") no-repeat left center;
    padding-left: 25px;
    display: inline-block;
    font-size: 14px;
}
.myProject_Page .teamDetails_box .edit_box i{
    width: 18px;
    height: 18px;
    cursor: pointer;
    display: inline-block;
}
.myProject_Page .teamDetails_box .edit_box em{
    min-width: 50px;
}
.myProject_Page .teamDetails_box .edit_box .edit{
    background: url("../images/myProject/icon_Mark_w.png");
}
.myProject_Page .teamDetails_box .edit_box .zanting{
    background: url("../images/myProject/icon_suspend_w_01.png");
}
.myProject_Page .teamDetails_box .edit_box .edit:hover{
    background: url("../images/myProject/icon_Mark_b.png");
}
.myProject_Page .teamDetails_box .edit_box .zanting:hover{
    background: url("../images/myProject/icon_suspend_b_01.png");
}
.myProject_Page .teamDetails_box .icon_info_record{
    background: url("../images/myProject/Record_but_w.png");
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-top: -3px;
    display: inline-block;
    text-align: left;
    cursor: pointer;
}
.myProject_Page .teamDetails_box .icon_info_record:hover{
    background: url("../images/myProject/Record_but_b.png");
}

.myProject_Page .teamDetails_box .icon_info_record .tips_msg>li:not(:first-child){
    padding-left: 20px;
    background: url("../images/myProject/text_sequence.png")left center no-repeat;
}
.myProject_Page .teamDetails_box .icon_info_record .tips_msg>li i{
    display: inline-block;
    width: 40px;
}
.myProject_Page .teamDetails_box .icon_info_record .tips_msg>li i:after{
    font-family: FontAwesome;
    margin: 0 6px;
}
.myProject_Page .teamDetails_box .icon_info_record .tips_msg>li>i.up:after{
    content: "\f176";
    color: #63FDB2;
}
.myProject_Page .teamDetails_box .icon_info_record .tips_msg>li>i.down:after{
    content: "\f175";
    color: #FF7C71;
}
.myProject_Page .teamDetails_box .numerical em{
    font-family: font;
    font-size: 50px;
    line-height: 60px;
}
.myProject_Page .teamDetails_box .numerical{
    color: #44A5DD;
}
@font-face {
    font-family: font;
    src: url('../fonts/300-CAI978.TTF');
}
.myProject_Page .teamDetails_box .phone{
    background: url("../images/myProject/icon_phone.png") no-repeat left center;
    padding-left: 16px;
    font-size: 12px;
}
.myProject_Page .teamDetails_box .email{
    background: url("../images/myProject/icon_e-mial.png") no-repeat left center;
    padding-left: 18px;
    font-size: 12px;
}
.myProject_Page .wordTypeSwitch{
    display: none;
}
.myProject_Page .wordTypeSwitch.active{
    display: block;
}


/*个人文库*/
.personalLibraryPage{
    height: 100%;
    border-top: 1px solid #20A7CD;
}
.personalLibraryPage .left_item_box{
    background: #dfe4e6;
    width: 170px;
}

.personalLibraryPage .left_item_box .left_scroll{
    width: 170px;
    height: 100%;
    overflow-x: hidden;
}
.personalLibraryPage .left_item_box .left_scroll .left_classify_box{
    width: 170px;
}
.personalLibraryPage .right_item_box{
    width: calc(100% - 170px);
}
.personalLibraryPage .left_classify_box li{
    line-height: 40px;
    height: 40px;
    font-size: 15px;
    padding: 0 10px;
    cursor: pointer;
}
.personalLibraryPage .left_classify_box li .btn_box{
    display: none;
}
.personalLibraryPage .left_classify_box li.active,.personalLibraryPage .left_classify_box li:hover{
    background: #edeeee;
}
.personalLibraryPage .left_classify_box li:hover .btn_box{
    display: block;
}
.personalLibraryPage .left_classify_box li .btn_box .fa:hover{
    color: red;
}
.personalLibraryPage .left_classify_box li:not(:first-child){
    padding-left: 30px;
    padding-right: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.personalLibraryPage .right_item_box{
    position: relative;
    border-left: 1px solid #b8d4e3;
}
.personalLibraryPage .right_item_box .top_box{
    height: 40px;
    line-height: 40px;
    box-shadow: 0 3px 5px #D8EAF4;
    padding: 0 10px;
}
.personalLibraryPage .right_item_box .top_box .upload_btn{
    display: inline-block;
    vertical-align: middle;
    background: url("../images/myLibrary/upload_but_icon.png") left center no-repeat;
    height: 20px;
    line-height: 20px;
    padding-left: 30px;
    cursor: pointer;
    font-size: 14px;
    margin-top: -3px;
}
.personalLibraryPage .right_item_box .top_box .search_box{
    float: right;
    width: 200px;
    margin-top: 5.5px;
}
.personalLibraryPage .right_item_box .top_box .all_type {
    margin-right: 20px;
    line-height: 36px;
}
.personalLibraryPage .right_item_box .project_box{
    padding: 20px;
    height: calc(100% - 40px);
    overflow: auto;
}
.libraryFile .project_list{
    width: 162px;
    height: 186px;
    padding: 30px 15px 0 15px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
}
.libraryFile .project_list:hover,.libraryFile .project_list.active{
    background: url("../images/myLibrary/file/selecte_bg.png");
}
.libraryFile .project_list:hover .fa-download{
    display: block;
}
.libraryFile .project_list .img{
    width: 92px;
    height: 93px;
    background-size: 100% 100%;
    margin: 0 auto;
}
.libraryFile .project_list .img.word{
    background: url("../images/myLibrary/file/file_word.png");
}
.libraryFile .project_list .img.cad{
    background: url("../images/myLibrary/file/file_cad.png");
}
.libraryFile .project_list .img.excel{
    background: url("../images/myLibrary/file/file_excel.png");
}
.libraryFile .project_list .img.pdf{
    background: url("../images/myLibrary/file/file_pdf.png");
}
.libraryFile .project_list .img.photo{
    background: url("../images/myLibrary/file/file_jpeg.png");
}
.libraryFile .project_list .img.ppt{
    background: url("../images/myLibrary/file/file_ppt.png");
}
.libraryFile .project_list .fa-download{
    position: absolute;
    right: 17px;
    top: 18px;
    font-size: 20px;
    color: #999;
    display: none;
}
.libraryFile .project_list .fa-download:hover{
    color: #328ABD;
}

.libraryFile .project_list .project_name{
    margin-top: 7px;
}
.libraryFile .project_list .project_info{
    color: #777;
    font-size: 12px;
    margin-top: 5px;
    opacity: 0;
}
.libraryFile .project_list:hover .project_info,.libraryFile .project_list.active .project_info{
    opacity: 1;
}

.personalLibraryPage .right_item_box .left_box{
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 0;
    width: 230px;
    border-right: 1px solid #b8d4e3;
    background: #edeeee;
}
.personalLibraryPage .right_item_box .right_box{
    position: absolute;
    left: 230px;
    right: 0;
    top: 40px;
    bottom: 0;
    background: #DEE7EF;
    /*background: url("../images/myLibrary/default_img.png") #fff center no-repeat;*/
}
.personalLibraryPage .right_item_box .right_box .view_box{
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.6);
    position: relative;
}
.personalLibraryPage .right_item_box .right_box .view_box .top_bar{
    height: 40px;
    line-height: 40px;
    background: #edeeee;
    padding: 0 10px;
    border-bottom: 1px solid #b8d4e3;
}
.personalLibraryPage .right_item_box .right_box .view_box .view{
    position: absolute;
    top: 80px;
    right: 40px;
    left: 40px;
    bottom: 40px;
    background: #fff;
    overflow: auto;
}
.personalLibraryPage .right_item_box .right_box .view_box .top_bar .up_time{
    padding-left: 25px;
    background: url("../images/myLibrary/time_icon.png") no-repeat left center;
    font-size: 14px;
}
.personalLibraryPage .right_item_box .right_box .view_box .top_bar .btn_box>i{
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 20px;
    cursor: pointer;
}
.personalLibraryPage .right_item_box .right_box .view_box .top_bar .btn_box>i .tips_msg{
    min-width: 45px;
    top: 50%
}
.personalLibraryPage .right_item_box .right_box .view_box .top_bar .btn_box>i.edit{
    background-image: url("../images/myLibrary/edit_but_icon_w.png");
}
.personalLibraryPage .right_item_box .right_box .view_box .top_bar .btn_box>i.move{
    background-image: url("../images/myLibrary/Move_to_but_icon_w.png");
}
.personalLibraryPage .right_item_box .right_box .view_box .top_bar .btn_box>i.down{
    background-image: url("../images/myLibrary/download_but_icon_w.png");
}
.personalLibraryPage .right_item_box .right_box .view_box .top_bar .btn_box>i.remove{
    background-image: url("../images/myLibrary/delete_nut_icon_w.png");
}
.personalLibraryPage .right_item_box .right_box .view_box .top_bar .btn_box>i.edit:hover{
    background-image: url("../images/myLibrary/edit_but_icon_b.png");
}
.personalLibraryPage .right_item_box .right_box .view_box .top_bar .btn_box>i.move:hover{
    background-image: url("../images/myLibrary/Move_to_but_icon_b.png");
}
.personalLibraryPage .right_item_box .right_box .view_box .top_bar .btn_box>i.down:hover{
    background-image: url("../images/myLibrary/download_but_icon_b.png");
}
.personalLibraryPage .right_item_box .right_box .view_box .top_bar .btn_box>i.remove:hover{
    background-image: url("../images/myLibrary/delete_nut_icon_b.png");
}

.personalLibraryPage .right_item_box .type_file_box > li:first-child{
    padding: 0 6px;
    border-bottom: 1px solid #b8d4e3;
    line-height: 36px;
    height: 40px;
}
.personalLibraryPage .right_item_box .type_file_box > li:first-child .sort_btn{
    float: right;
    display: inline-block;
    background: url("../images/myLibrary/sort_but_icon_w.png") center no-repeat;
    width: 25px;
    height: 25px;
    cursor: pointer;
    margin-top: 8px;
}
.personalLibraryPage .right_item_box .type_file_box li:first-child .sort_btn.active,.personalLibraryPage .right_item_box .type_file_box li:first-child .sort_btn:hover{
    background: url("../images/myLibrary/sort_but_icon_b.png") center no-repeat;
}
.personalLibraryPage .right_item_box .type_file_box > li:not(:first-child){
    padding: 10px 8px 10px 55px;
    border-bottom: 1px solid #b8d4e3;
    background-position: 8px center;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
}
.personalLibraryPage .right_item_box .type_file_box li.word{
    background-image: url("../images/myLibrary/file_word.png");
}
.personalLibraryPage .right_item_box .type_file_box li.pdf{
    background-image: url("../images/myLibrary/file_PDF.png");
}
.personalLibraryPage .right_item_box .type_file_box li.excel{
    background-image: url("../images/myLibrary/file_Excel.png");
}
.personalLibraryPage .right_item_box .type_file_box li.photo{
    background-image: url("../images/myLibrary/file_photo.png");
}
.personalLibraryPage .right_item_box .type_file_box li.unKnow{
    background-image: url("../images/myLibrary/file_Unknown.png");
}
.personalLibraryPage .right_item_box .type_file_box li.cad{
    background-image: url("../images/myLibrary/file_CAD_n.png");
}
.personalLibraryPage .right_item_box .type_file_box li.ppt{
    background-image: url("../images/myLibrary/file_ppt.png");
}
.personalLibraryPage .right_item_box .type_file_box li.active:before{
    background-color: #fff;
}
.personalLibraryPage .right_item_box .type_file_box li.active,.personalLibraryPage .right_item_box .type_file_box li:hover{
    background-color: #fff;
}
.personalLibraryPage .right_item_box .type_file_box li .file_name{
    font-size: 14px;
}
.personalLibraryPage .right_item_box .type_file_box li .base_info{
    color: #929292;
}

/*文档编辑页面*/
.libraryEditPage .top_bar{
    overflow: hidden;
    line-height: 30px;
    font-size: 14px;
}
.libraryEditPage .top_bar li{
    float: left;
    width: 33.333333333333%;
}
.libraryEditPage .top_bar li.base_info>i{
    margin-left: 10px;
    position: relative;
    padding-left: 10px;
}
.libraryEditPage .top_bar li.base_info i:before{
    border-left: 1px solid #A1B0BD;
    content: "";
    display: block;
    height: 10px;
    width: 1px;
    position: absolute;
    left: 0px;
    top: 5px;
}

/*项目文库*/
.projectLibraryPage .right_item_box{
    height: 100%;
}
.projectLibraryPage .top_search_box{
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #b8d4e3;
    padding: 0 10px;
}
.personalLibraryPage .left_classify_box li{
    position: relative;
}
.personalLibraryPage .left_classify_box li:first-child{
    border-bottom: 1px solid #b8d4e3;
}
.projectLibraryPage .right_item_box .top_search_box .search_box{
    width: 206px;
}

.projectLibraryPage .right_item_box .left_box,.projectLibraryPage .right_item_box .right_box{
    top: 0;
}


.personalLibraryPage .right_item_box .left_box .left_scroll {
    width: 230px;
    height: 100%;
    overflow-x: hidden;
}
.projectLibraryPage .right_item_box .left_box .left_scroll{
    height: calc(100% - 40px);
}
.personalLibraryPage .right_item_box .left_box .left_scroll .tree_box{
    width: 230px;
}
.projectLibraryPage .right_item_box .left_box .left_scroll .type_file_box,.personalLibraryPage .right_item_box .left_box .left_scroll .type_file_box{
    width: 230px;
}
.projectLibraryPage .sort_btn{
    float: right;
    display: inline-block;
    background: url(../images/myLibrary/sort_but_icon_w.png) center no-repeat;
    width: 25px;
    height: 25px;
    cursor: pointer;
    margin-top: 8px;
}
.projectLibraryPage .sort_btn.active,.projectLibraryPage .sort_btn:hover{
    background: url(../images/myLibrary/sort_but_icon_b.png) center no-repeat;
}
.projectLibraryPage .all_btn{
    background: url(../images/myProject/but_whole_w.png);
    width: 18px;
    height: 18px;
    position: absolute;
    right: 5px;
    top: 12px;
}
.projectLibraryPage .all_btn.active,.projectLibraryPage .all_btn:hover{
    background: url(../images/myProject/but_whole_b.png);
}
.projectLibraryPage .projectItem_box li{
    line-height: 40px;
    height: 40px;
    cursor: pointer;
    padding-left: 30px;
    padding-right: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.projectLibraryPage .projectItem_box.b_border{
    border-bottom: 1px solid #D1D1D1;
}
.projectLibraryPage .projectItem_box li.active,.projectLibraryPage .projectItem_box li:hover{
    background-color: #fff ;
}
.projectLibraryPage .projectItem_box li.ongoing{
    background-image: url("../images/myLibrary/Hourglass_icon.png");
    background-repeat: no-repeat;
    background-position: right 10px center;
}
.projectLibraryPage .projectItem_box li.completed{
    background-image: url("../images/myProject/icon_Completed.png");
    background-repeat: no-repeat;
    background-position: right 10px center;
    color: #757575;
}

.projectLibraryPage .myProject_title{
    border-bottom: 1px solid #b8d4e3;
    line-height: 40px;
    height: 40px;
    font-size: 15px;
    padding: 0 10px;
    background: #edeeee;
    position: relative;
}
.projectLibraryPage .myProject_title .search_box{
    font-size: 13px;
}
.projectLibraryPage .search_btn{
    background: url("../images/myProject/but_query.png");
    height: 24px;
    width: 24px;
    border: none;
    float: right;
    margin-top: 8px;
}
.projectLibraryPage .top_title{
    border-bottom: 1px solid #D1D1D1;
    height: 35px;
    line-height: 35px;
    color: #308FC5;
    padding: 0 10px;
    background: #EDEEEE;
    font-size: 15px;
}
.projectLibraryPage .top_title.t_border{
    border-top: 1px solid #D1D1D1;
}
.projectLibraryPage .top_title .fa{
    float: right;
    margin-top: 7px;
    cursor: pointer;
    color: #747474;
    font-size: 20px;
}
.projectLibraryPage .top_title .fa:hover{
    color: #308FC5;
}
.projectLibraryPage .top_title .fa.active{
    transform: rotate(180deg);
}

/*研发项目管理*/
.projectManagePage{
    padding-top: 140px !important;
    position: relative;
    height: 100%;
}
.projectManagePage .top_project_bar{
    overflow: hidden;
    padding: 10px 10px 10px  0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.projectManagePage .top_project_bar li{
    width: calc(14.2857% - 10px);
    float: left;
    margin-left: 10px;
    height: 120px;
    font-size: 20px;
    padding-top: 80px;
    text-align: center;
    color: #fff;
    border-radius: 6px;
    background-repeat: no-repeat;
    background-position: center 25px;
    cursor: pointer;
    position: relative;
}
.projectManagePage .top_project_bar li.active{
    border: 3px solid #fff;
    box-shadow: 0px 0px 6px #82a3b9;
}
.projectManagePage .top_project_bar li.active:before{
    content: "";
    position: absolute;
    display: inline-block;
    background: url("../images/researchDevelopment/Selected_Corner_1.png");
    width: 31px;
    height: 28px;
    right: 0px;
    top: 0px;
}
.projectManagePage .top_project_bar li:nth-child(1){
    background-color: #13C9B2;
    background-image: url("../images/researchDevelopment/icon_but_Newly_build.png");
}
.projectManagePage .top_project_bar li:nth-child(2){
    background-color: #14AECA;
    background-image: url("../images/researchDevelopment/icon_but_Project.png");
}
.projectManagePage .top_project_bar li:nth-child(3){
    background-color: #13BEC8;
    background-image: url("../images/researchDevelopment/icon_but_demand.png");
}
.projectManagePage .top_project_bar li:nth-child(4){
    background-color: #147EC8;
    background-image: url("../images/researchDevelopment/icon_but_Development.png");
}
.projectManagePage .top_project_bar li:nth-child(5){
    background-color: #3B87D3;
    background-image: url("../images/researchDevelopment/icon_but_Pilot.png");
}
.projectManagePage .top_project_bar li:nth-child(6){
    background-color: #49B2B8;
    background-image: url("../images/researchDevelopment/icon_but_Batchproduction.png");
}
.projectManagePage .top_project_bar li:nth-child(7){
    background-color: #CACACA;
    background-image: url("../images/researchDevelopment/icon_but_End.png");
}
.projectManagePage .i_box{
    min-height: 100%;
}

/*标准文档页面*/
.standardLibraryPage .toolbar{
    border-bottom: 1px solid #509FCD;
    padding-bottom: 6px;
}
.standardLibraryPage .i_content{
    height: calc(100% - 40px);
    position: relative;
}
.standardLibraryPage .i_content .tab_switch_content {
    height: 100%    ;
}
.standardLibraryPage .left_tree_box{
    position: absolute;
    left: 10px;
    top: 55px;
    width: 220px;
    border: 1px solid #B9B9B9;
    overflow: hidden;
    bottom: 5px;
}
.standardLibrary .right_table_box{
    width: calc(100% - 220px);
    float: right;
    padding-left: 10px;
    height: calc(100% - 55px);
}

.importantRank_icon{
    width: 20px;
    height: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 5px;
}
/*非常重要*/
.importantRank_icon.veryImportant{
    background-image: url("../images/researchDevelopment/very_important.png");
}
/*一般*/
.importantRank_icon.commonly{
    background-image: url("../images/researchDevelopment/commonly.png");
}
/*重要*/
.importantRank_icon.important{
    background-image: url("../images/researchDevelopment/important.png");
}

/*修改日志详情*/
.modifyLogPageInfoPage .top_bar{
    overflow: hidden;
    line-height: 30px;
    font-size: 14px;
}
.modifyLogPageInfoPage .top_bar li{
    float: left;
    width: 33.333333333333%;
}
.modifyLogPageInfoPage .top_bar li.project_name i{
    padding-right: 20px;
    background: url("../images/researchDevelopment/Document_details.png") right center no-repeat;
}
.modifyLogPageInfoPage .top_bar li.project_name .link_color{
    font-size: 16px;
}

/*项目选型*/
.projectModelPage{
    height: 100%;
    padding-top: 0 !important;
}


.typeSelectionListPage .top_bar{
    height: 45px;
    line-height: 45px;
    background: #fff;
    border-top: 1px solid #20A7CD;
    padding: 0 15px;
}
.typeSelectionListPage .top_bar .button_add{
    margin-top: 5px;
}
.typeSelectionListPage.projectModelPage .type_content table .td.border_t{
    border-top: 1px solid #dee7ef;
    margin-top: 2px;
}
.typeSelectionListPage.projectModelPage .type_content table .footer_tr .td.border_t{
    margin-top: 10px;
}
.typeSelectionListPage .type_content th.input_check{
    width: 50px;
}
.typeSelectionListPage .type_content table .footer_tr .td{
    height: 60px;
    line-height: 55px;
}
.productInfoPage{
    height: 100%;
    min-height: 100%;
}
.productInfoPage .minH{
    height: calc(100% - 45px);
}
.productInfoPage .i_box.left{
    width: 250px;
    float: left;
    min-height: 100%;
}
.productInfoPage .i_box.right{
    width: calc(100% - 260px);
    float: right;
    min-height: 100%;
}

.productInfoPage .i_box.left .product_img_box{
    height: 180px;
    width: 100%;
    border: 1px solid #2FB2CB;
    border-radius: 3px;
    box-shadow: 0px 1px 3px #B8DBF4;
}
.productInfoPage .i_box.left .product_img_box .img{
    height: 150px;
    width: 100%;
    text-align: center;
}
.productInfoPage .i_box.left .product_img_box .img img{
    width: 100% !important;
    height: 100% !important;
}
.productInfoPage .i_box.left .product_img_box .product_title{
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: #2FB2CB;
}
.productInfoPage .i_box.left .parameter_box .link_color{
    text-decoration: underline;
    padding-left: 20px;
    background: url("../images/myLibrary/tree_file.png") no-repeat left center;
    color: #7F7F7F;
}
.productInfoPage .i_box.left .parameter_box li{
    line-height: 30px;
    padding-left: 10px;
}
.productInfoPage .i_box.right .table_border tr td{
    text-align: left;
}
.productInfoPage .i_box.right .table_border.center tr td{
    text-align: center;
}
.product_btn{
    width: 100px;
}
.product_btn.active{
    background: #CBD9DA;
    box-shadow: 0px 1px 3px #8e9598;
    color: #6C7878;
}
.enclosure_item table{
    width: 100%;
}
.enclosure_item table tr{
    border-bottom: 1px solid #DDE7EF;
}
.enclosure_item table tr:first-child{
    box-shadow: 0px -3px 3px #D5E7F3 inset;
    border-bottom: 0;
}
.enclosure_item table tr td{
    text-align: center;
    line-height: 60px;
}
.enclosure_item table tr:first-child td{
    line-height: 30px;
}
.enclosure_item table tr td .file_icon{
    background-repeat: no-repeat;
    width: 38px;
    height: 38px;
    display: inline-block;
    vertical-align: middle;
}
.enclosure_item table tr td .file_icon.word{
    background-image: url(../images/myLibrary/file_word.png);
}
.enclosure_item table tr td .enclosure_icon{
    vertical-align: middle;
}
.productInfoPage .i_box.right .contrast_item li{
    float: left;
    width: 180px;
    height: 140px;
    border: 1px solid #3390C5;
    margin-right: 10px;
}
.productInfoPage .i_box.right .contrast_item .img{
    height: 80px;
}
.productInfoPage .i_box.right .contrast_item .info_box{
    height: 60px;
    line-height: 25px;
    background: #3390C5;
    color: #fff;
    padding: 6px 8px;
}
.productInfoPage .i_box.right .contrast_item .info_box .name{
    position: relative;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.productInfoPage .i_box.right .contrast_item .info_box .name .price{
    position: absolute;
    right: 0px;
}
.productInfoPage .i_box.right .contrast_item .info_box .brand_info{
    font-size: 12px;
}
.productInfoPage .i_box.right .contrast_item .info_box .brand_info i:after{
    content: "|";
    margin: 0 5px;
}
.productInfoPage .i_box.right .contrast_item .info_box .brand_info i:last-child:after{
    display: none;
}
.productInfoPage .project_parts_box .swatch_title{
    border-bottom: 1px solid #4097C8;
}
.productInfoPage .project_parts_box .swatch_title li{
    float: left;
    margin-right: 10px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px 5px 0 0;
    border: 1px solid #bbb;
    width: 100px;
    border-bottom: none;
    text-align: center;
    cursor: pointer;
}
.productInfoPage .project_parts_box .swatch_title li:hover{
    background: #ebebeb;
}
.productInfoPage .project_parts_box .swatch_title li.active{
    border: 1px solid #4097C8;
    border-bottom: none;
}
.basicDataPage{
    height: 100%;
    position: relative;
}
.basicDataPage .i_box.left{
    float: left;
    width: 400px;
    padding-left: 30px;
    background: transparent;
    margin-bottom: 0;
    height: 100%;
}
.basicDataPage .i_box.left.position{
    min-height: 420px;
}
.basicDataPage .i_box.left.w{
    padding-left: 0;
}
.basicDataPage .i_box.right{
    width: calc(100% - 410px);
    float: right;
    min-height: 100%;
    margin-bottom: 0;
}

.basicDataPage .i_box.left .i_content{
    border: 1px solid #328FC4;
    border-radius: 5px;
    height: 100%;
    position: relative;
    background: #fff;
    padding: 0;
}
.basicDataPage .i_box.left.w .i_content{
    border: 0;
    border-right: 1px solid #d1d1d1;
    border-radius: 0px;
}
.basicDataPage .i_box.left .i_content .left_btn_box{
    position: absolute;
    width: 34px;
    left: -29px;
    top: 5px;
}
.basicDataPage .i_box.left .i_content .left_btn_box li{
    width: 29px;
    padding: 4px 7px;
    font-size: 13px;
    text-align: center;
    background: url("../images/modelSelection/tan_bg_01.png") no-repeat;
    height: 71px;
    line-height: 14px;
    background-size: 100% 100%;
    margin-bottom: 10px;
    cursor: pointer;
    transition: all 0.3s;
}
.basicDataPage .i_box.left .i_content .left_btn_box li.h{
    background: url("../images/modelSelection/tan_bg_03.png") no-repeat;
    height: 87px;
}
.basicDataPage .i_box.left .i_content .left_btn_box li.active,.basicDataPage .i_box.left .i_content .left_btn_box li:hover{
    background: url("../images/modelSelection/tan_bg_02.png") no-repeat;
    width: 32px;
    color: #fff;
}
.basicDataPage .i_box.left .i_content .left_btn_box li.h.active,.basicDataPage .i_box.left .i_content .left_btn_box li.h:hover{
    background: url("../images/modelSelection/tan_bg_04.png") no-repeat;
}

.basicDataPage .i_box.left .i_content .top_search_box{
    background: #F0F0F0;
    padding: 10px 0;
    text-align: center;
}
.basicDataPage .i_box.left .i_content .top_search_box{
    background: #F0F0F0;
    border-radius: 5px 5px 0 0;
}
.basicDataPage .i_box.left .i_content .search_box{
    width: 250px;
}
.basicDataPage .i_box.left .i_content .left_scroll_box{
    overflow: hidden;
    height: calc(100% - 48px);
}
.basicDataPage .i_box.left .i_content .left_scroll{
    overflow-x: hidden;
    height: 100%;
    width: 368px;
}
.basicDataPage .i_box.left.w .i_content .left_scroll{
    width: auto;
}
.basicDataPage .i_box.left .i_content .left_scroll .tree_box{
    width: 368px;
}

.basicDataPage .i_box.left .type_btn_box{
    margin: 10px auto;
    overflow: hidden;
    text-align: center;
}
.basicDataPage .i_box.left .type_btn_box ul{
    display: inline-block;
}
.basicDataPage .i_box.left .type_btn_box li{
    border: 1px solid #40ABE0;
    height: 25px;
    line-height: 25px;
    width: 60px;
    border-left: 0;
    float: left;
}
.basicDataPage .i_box.left .type_btn_box li.active{
    background-image: linear-gradient(to left,#2795d2,#23b6b8);
    color: #fff;
}
.basicDataPage .i_box.left .type_btn_box li:first-child{
    border-radius: 5px 0 0 5px;
    border-left: 1px solid #40ABE0;
}
.basicDataPage .i_box.left .type_btn_box li:last-child{
    border-radius: 0 5px 5px 0;
}

.basicDataPage .i_box.right .i_content{
    padding: 0;
}
.basicDataPage .i_box.right .top_title{
    padding: 0 10px;
    box-shadow: 0 2px 3px #D8EAF4;
}
.basicDataPage .i_box.right .top_title ul{
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}
.basicDataPage .i_box.right .top_title li{
    float: left;
    position: relative;
    padding-right: 25px;
    line-height: 40px;
    font-size: 14px;
}
.basicDataPage .i_box.right .top_title li:before{
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    content: "\f105";
    right: 8px;
    top: 0px;
}
.basicDataPage .i_box.right .top_title li:last-child{
    color: #318EC4;
}
.basicDataPage .i_box.right .top_title li:last-child:before{
    display: none;
}
.basicDataPage .i_box.right .top_title .check_box{
    display: inline-block;
    margin-left: 40px;
    vertical-align: middle;
}
.basicDataPage .i_box.right .top_title .btn_box{
    padding-top: 5px;
    float: right;
}
.basicDataPage .swatch_box,.projectModelPage .swatch_box{
    border: 1px solid #B9B9B9;
}
.basicDataPage .swatch_box .swatch_title,.projectModelPage .swatch_box .swatch_title{
    border-bottom: 1px solid #B9B9B9;
}
.basicDataPage .swatch_box .swatch_title > li,.projectModelPage .swatch_box .swatch_title > li{
    border-right: 1px solid #B9B9B9;
    display: inline-block;
    padding: 0 10px;
    background: #EBEBEB;
    position: relative;
    line-height: 25px;
    cursor: pointer;
}
.basicDataPage .swatch_box .swatch_title > li.active,.projectModelPage .swatch_box .swatch_title > li.active{
    background: #fff;
}
.basicDataPage .swatch_box .swatch_title > li.active:before,
.projectModelPage .swatch_box .swatch_title > li.active:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 3px;
    background: #fff;
}

.basicDataPageForm .base_file{
    padding: 30px 120px;
    position: relative;
    border-bottom: 1px dashed #2080E0;
    padding-right: 10px;
}
.basicDataPageForm .base_file .img{
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    width: 100px;
    background: #F0F0F0;
    box-shadow: 0px 1px 5px #D3D3D3;
}
.basicDataPageForm .base_file .file_tip{
    color: #B1B1B1;
    font-size: 12px;
    margin-top: 5px;
}
.basicDataPageForm .baseTable{
    width: 100%;
}
.basicDataPageForm .baseTable td{
    padding: 3px 0;
}
.basicDataPageForm .baseTable td input.price{
    width: 160px;
}
.basicDataPageForm .baseTable .td_r{
    text-align: right;
    width: 80px;
}
.basicDataPageForm .write_box li{
    display: inline-block;
    width: 60%;
    padding: 5px 10px;
    line-height: 30px;
}
.basicDataPageForm .write_box li.w{
    width: 100%;
}
.basicDataPageForm .write_box li.li_short{
    width: 40%;
}
.basicDataPageForm .write_box li:nth-child(1),.basicDataPageForm .write_box li:nth-child(2){
    border-bottom: 1px dashed #2080E0;
    line-height: 60px;
    margin-bottom: 5px;
}
.basicDataPageForm .write_box li:nth-child(1){
    padding-left: 50px;
    position: relative;
}
.basicDataPageForm .write_box li:nth-child(1):before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/modelSelection/That_corner.png");
    width: 56px;
    height: 50px;
}
.basicDataPageForm .performanceParameter .button{
    margin: 5px 0 10px 10px;
}
.basicDataPageForm .write_box li .input{
    width: 140px;
    color: #308FC5;
}
.basicDataPageForm .write_box li .input.short{
    width: 70px;
    text-align: right;
}
.basicDataPageForm .write_box li.w .input{
    width: 386px;
}
.basicDataPageForm .write_box li.w .input.short{
    width: 150px;
}
.basicDataPageForm .write_box li>em{
    width: 80px;
    display: inline-block;
}
.basicDataPageForm .enclosure .file_name{
    display: inline-block;
    line-height: 30px;
}
.basicDataPageForm .enclosure table{
    width: 100%;
}
.basicDataPageForm .enclosure table tr{
    border-top: 1px dashed #2085BF;
    line-height: 50px;
}
.basicDataPageForm .enclosure table tr td{
    text-align: center;
}
.basicDataPageForm .enclosure table tr:first-child{
    border-top: 1px solid #2085BF;
    border-bottom: 1px solid #2085BF;
    line-height: 30px;
}
.basicDataPageForm .enclosure table tr td:first-child input{
    width: 100px;
}

.basicDataPageForm .form_input{

}
.basicDataPage .i_item_model_box{
    font-size: 14px;
}
.basicDataPage .i_item_model_box .tle_box{
    background: #EEF3F5;
    height: 30px;
    line-height: 30px;
    padding-left: 30px;
    position: relative;
}
.basicDataPage .i_item_model_box .tle_box:before{
    content: "";
    position: absolute;
    left: 10px;
    top: 8px;
    bottom: 8px;
    width: 4px;
    background: #2F8EC4;
}
.basicDataPage .i_item_model_box .tle_box button{
    border: none;
    height: 16px;
    line-height: 13px;
    margin: 7px 10px 0 0;
    color: #2488C2;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    vertical-align: middle;
    background-color: transparent;
}
.basicDataPage .i_item_model_box .tle_box button.edit{
    background-image: url("../images/modelSelection/edit_but_icon_b.png");
}
.basicDataPage .i_item_model_box .tle_box button.preservation{
    background-image: url("../images/modelSelection/Preservation_icon.png");
}
.basicDataPage .i_item_model_box .tle_box button.export{
    background-image: url("../images/modelSelection/export_icon.png");
}


.basicDataPage .i_item_model_box .base_data table{
    table-layout: fixed;
}
.basicDataPage .i_item_model_box .base_data table .img_bgBox{
    width: 200px;
}
.basicDataPage .i_item_model_box .base_data table td{
    text-align: left;
}

.basicDataPage .i_item_model_box .publicData input{
    border-radius: 5px;
}
.basicDataPage .i_item_model_box .publicData table{
    width: 100%;
}
.basicDataPage .i_item_model_box .publicData table td{
    padding: 5px 20px;
    border-left: 1px dashed #2080E0;
    border-bottom: 1px dashed #2080E0;
}
.basicDataPage .i_item_model_box .publicData table tr td:first-child{
    border-left: none;
}
.basicDataPage .i_item_model_box .publicData table tr:last-child td{
    border-bottom: none;
}
.basicDataPage .empty_input,.basicDataPageForm .empty_input{
    border: none;
    background: url("../images/modelSelection/Eliminate_icon.png") no-repeat left center;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    vertical-align: middle;
    margin-top: -4px;
    display: inline-block;
}
.basicDataPage .empty_input:hover{
    opacity: 0.7;
}
.projectModelPage .type_content table em {
	color: #c00;
}


/*流程管理页面*/
.processManPage{
    height: 100%;
    width: 100%;
}
.processManPage .left_box{
    width: 300px;
    float: left;
    height: 100%;
    background: #fff;
    border-top: 1px solid #20A7CD;
}
.processManPage .right_box{
    width: calc(100% - 300px);
    float: right;
    height: 100%;

}
.processManPage .left_box .top_box{
    text-align: center;
    padding: 8px 0;
    box-shadow: 0 3px 5px #D8EAF4;
    box-sizing: content-box;
}
.processManPage .left_box .search_box{
    width: 250px;
}

.processManPage .left_box .process_box{
    line-height: 40px;
}
.processManPage .left_box .process_box .process_title{
    border-bottom: 1px solid #BFD6E3;
    cursor: pointer;
    position: relative;
}
.processManPage .left_box .process_box .process_title.active,.processManPage .left_box .process_box .process_title:hover{
    background: #EEF6FB;
}
.processManPage .left_box .process_box .process_title i.fa{
    position: absolute;
    right: 15px;
    top: 11px;
    font-size: 18px;
}
.processManPage .left_box .process_box .process_title > span{
    display: block;
    padding: 0 35px;
    background-image: url("../images/process_icon.png");
    background-repeat: no-repeat;
    background-position: 15px center;
}
.processManPage .left_box .process_box .process_item_box{
    display: none;
}
.processManPage .left_box .process_box .process_title .process_item{
    border-top: 1px solid #BFD6E3;
    position: relative;
}
.processManPage .left_box .process_box .process_title .process_item.active,.processManPage .left_box .process_box .process_title .process_item:hover{
    background: #cfd9e0;
}
.processManPage .left_box .process_box .process_title .process_item span{
    padding-left: 55px;
    background-image: url("../images/sys/process_icon.png");
    background-repeat: no-repeat;
    background-position: 35px center;
}
/* .processManPage .left_box .process_box .process_title.active > span{
    display: block;
    background-image: url("../images/sys/type_icon_1.png");
} */
.processManPage .left_box .process_box .process_title.active .process_item_box{
    background: #E4F0F7;
}
.processManPage .left_box .process_box .process_title.active > i.fa{
    transform: rotate(180deg);
}
.processManPage .right_box .i_box{
    height: 100%;
    width: 100%;
}
.processManPage .right_box .i_box .top_box{
    padding: 8px 10px;
    box-shadow: 0 3px 5px #D8EAF4;
    box-sizing: content-box;
}
.processManPage .right_box .i_box .i_content{
    height: calc(100% - 50px);
    background: url(../images/default_img.png) center no-repeat;
}

.roleManWindow .table_border td{
    text-align: left;
    padding: 0 10px;
}
.dataDictionaryPage{
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.dataDictionaryPage .left_box{
    width: 150px;
    float: left;
    height: 100%;
    background: #fff;
    border-top: 1px solid #20A7CD;
}
.dataDictionaryPage .right_box{
    width: calc(100% - 150px);
    float: right;
    height: 100%;
}
.dataDictionaryPage .left_box .box_content li{
    position: relative;
    line-height: 40px;
    border-bottom: 1px solid #C4DAE6;
    cursor: pointer;
    padding: 0 10px;
}
.dataDictionaryPage .left_box .box_content li.active{
    background: #EEF6FB;
 }

.dataDictionaryPage .left_box .box_content li i.fa{
    position: absolute;
    right: 10px;
    top: 13px;
    font-size: 18px;
}
.dataDictionaryPage .right_box .swatch_content{
    height: 100%;
}
.dataDictionaryPage .right_box .i_box{
    height: 100%;
    margin: 0;
}
/*表格详情*/
.detail-view .table_border{
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}
.detail-view .table_border tr{
    border: none !important;
}
.detail-view .table_border tr:first-child td{
    white-space: nowrap
}
.detail-view .table_border tr td{
    border-top: 1px solid #ACACAC !important;
    border-left: 1px solid #ACACAC;
}
.detail-view .table_border tr.bg_eb{
    background: #ebebeb;

}
.detail-view .table_border tr.bg_eb .supplier_icon{
    position: relative;
}
.detail-view .table_border tr.bg_eb .supplier_icon:before{
    content: "";
    position: absolute;
    top: 0px;
    left: -5px;
    background: url("../images/modelSelection/Corner.png");
    width: 17px;
    height: 18px;
}
.detail-view .table_border tr.bg_eb .supplier_icon.authorization:before{
    background: url("../images/modelSelection/Corner-2.png");
}
.detail-view .table_border tr.bg_eb .supplier_icon.custom:before{
    background: url("../images/modelSelection/Corner-1.png");
}


.detail-view .table_border button.button{
    height: 26px;
    line-height: 26px;
}
.detail-view .table_border .text-right{
    text-align: right !important;
}



/*选型单详情页面*/
.selectionProcessHis .i_title_box {
    color: #2487C0;
    font-size: 18px;
    line-height: 50px;
    height: 50px;
}
.selectionProcessHis .tle_box,.statisticalAnalysisPage .tle_box{
    background: #e9f3fb;
    line-height: 30px;
    padding: 0 10px;
    margin: 10px 0;
    padding-left: 20px;
    position: relative;
}
.selectionProcessHis .tle_box:before,.statisticalAnalysisPage .tle_box:before{
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #53ACDF;
    position: absolute;
    left: 6px;
    top: 50%;
    margin-top: -4px;
}
.selectionProcessHis .tle_box i.fa{
    color: #111;
    cursor: pointer;
    margin-top: 8px;
    float: right;
}
.selectionProcessHis table{
    table-layout: fixed;
}
.selectionProcessHis .selectionList tr td:first-child{
    width: 50px;
}
.selectionProcessHis .baseData tr td:first-child,.selectionProcessHis .baseData tr td:nth-child(3){
    width: 120px;
}
.selectionProcessHis .baseDataInfo tr td:first-child,.selectionProcessHis .baseDataInfo tr td:nth-child(3){
    width: 70px;
}
.selectionProcessHis .baseDataInfo{
    width: 100%;
}
.selectionProcessHis .baseDataInfo tr td{
    line-height: 30px;
}
.selectionProcessHis .baseDataInfo span.process{
    width: 48%;
    display: inline-block;
    background: url(../images/myProject/text_sequence.png) left center no-repeat;
    padding-left: 16px;
    color: #737373;
}
.selectionProcessHis .baseDataInfo span.process.active{
    color: #2689C2;
}
.selectionProcessHis .baseDataInfo span.process.active i{
    color: #737373;
}

.project_item_box.replaced{
    color: #A6A6A6 !important;
}
.project_item_box.replaced .type,.project_item_box.replaced .bewrite,.project_item_box.replaced .parameter,.projectModelPage .type_content table .project_item_box.replaced .td .price,.project_item_box.replaced .project_name,.project_item_box.replaced .project_name i{
    color: #A6A6A6 !important;
    text-decoration: line-through;
}
.project_item_box.replaced .model_btn_box button{
    opacity: 0.5;
}

/*首页自定义任务栏弹窗*/

.index_task_bar .yixuan_box,.index_task_bar .kexuan_box{
    border: 1px solid #B9B9B9;
    position: relative;
    line-height: 120px;
}
.index_task_bar .yixuan_box .tle,.index_task_bar .kexuan_box .tle{
    position: absolute;
    top: -10px;
    height: 20px;
    line-height: 20px;
    left: 20px;
    width: 40px;
    background: #fff;
    text-align: center;
    font-size: 16px;
}
.index_task_bar .kexuan_box{
    margin-top: 20px;
}
.index_task_bar .list_item{
    padding: 10px 0 20px 20px;
    overflow: hidden;
}

.index_task_bar .list_item li{
    float: left;
    margin-right: 22px;
    height: 82px;
    width: 82px;
    background: #3290C4;
    cursor: pointer;
    margin-top: 15px;
    position: relative;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    line-height: 16px;
    padding: 13px 25px;
    font-size: 15px;
}
.index_task_bar .list_item li:before{
    content: "";
    position: absolute;
    right: 10%;
    left: 10px;
    height: 1px;
    top: 50px;
    background: #fff;
}
.index_task_bar .list_item li .iconfont{
    position: absolute;
    bottom: 10px;
    left: 31px;
    font-size: 20px;
}
.index_task_bar .list_item li .close_btn,.index_task_bar .list_item li .add_btn{
    position: absolute;
    right: 5px;
    top: 2px;
    font-size: 18px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    height: 18px;
    width: 18px;
    line-height: 18px;
}
.index_task_bar .list_item li .close_btn{
    color: rgba(13, 82, 131, 0.78);
}
.index_task_bar .list_item li .add_btn{
    color: rgba(0, 255, 129, 0.62);
}
.index_task_bar .list_item li .close_btn:hover{
    color: #cc5353;
}
.index_task_bar .list_item li .add_btn:hover{
    color: #00b35a;
}

.enclosure.selectionTemplate table tr{
    line-height: 35px;
}
.basicDataPageForm .enclosure table tr:last-child{
    border-bottom: 1px dashed #2085BF;
}

/*个人中心*/
.personal_form li .phone_icon{
    background: url("../images/home/Telephone_icon.png") no-repeat left center;
    padding-left: 20px;
}
.personal_form li .email_icon{
    background: url("../images/home/mailbox_icon.png") no-repeat left center;
    padding-left: 20px;
}

/*项目状态页面弹窗*/
.project_statePage .add_project_state_box{
    display: inline-block;
    position: relative;
}
.project_statePage .add_project_state_box .edit_table_box{
    position: absolute;
    top: 23px;
    left: 0;
    background: #fff;
    width: 150px;
    display: none;
}
.project_statePage .add_project_state_box .edit_table_box td{
    line-height: 25px;
}
.project_statePage .add_project_state_box .edit_table_box tr:last-child td{
    line-height: 35px;
}
.project_statePage .add_project_state_box .edit_table_box input{
    margin-top: 6px;
}

/*受控清单页面*/
.controlled_content{
    padding: 20px;
    background: #EAF0F4;
}
.controlled_content .left_list{
    width: 45%;
    float: left;

}
.controlled_content .right_list{
    width: 55%;
    float: right;
}
.controlled_content .tle_box{
    background: url("../images/researchDevelopment/icon_remind.png") no-repeat left center;
    padding-left: 20px;

}
.controlled_content .tle_box .link_color{
    font-size: 16px;
    margin: 0 5px;
    font-weight: bold;
}
.controlled_content .tle_box .link_color .font{
    border-bottom: 1px solid #2689C1;
    padding: 0 5px;
}
.controlled_content .list_item_box{
    padding-top: 5px;
    width: 250px;
}
.controlled_content .list_item_box li{
    line-height: 30px;
}
.controlled_content .list_item_box li .fa{
    float: right;
    margin-top: 7px;
}

.controlled_content .list_item_box .page_item{
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #B8C8D7;
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
}
.controlled_content .list_item_box .page_item.active{
    background: #3390C5;
}

.controlled_content .list_item_box .page_item:first-child{
    margin-left: 0;
}
.controlledList.slider_box{
    display: inline-block;
    width: calc(100% - 50px);
    background: #C2D4E5;
    height: 10px;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    margin-right: 5px;
}
.controlledList.slider_box .slider_item{
    display: block;
    height: 100%;
    width: 60%;
    background: #44A5DD;
}

/*受控清单配置页面*/
.inventoryConfigure{
    height: 100%;
}
.inventoryConfigure .i_title_box{
    height: auto;
    line-height: 30px;
    box-shadow: 0 3px 5px #D8EAF4;
    border-bottom: 0;
    padding-bottom: 7px !important;
}
.inventoryConfigure .i_title_box span{
    font-size: 16px;
    color: #5DA1CD;
}
.inventoryConfigure .left_box{
    width: 300px;
    float: left;
}
.inventoryConfigure .right_box{
    width: calc(100% - 300px);
    float: left;
    padding-left: 20px;
}
.inventoryConfigure .button.w{
    width: 100%;
    line-height: 40px;
    height: 40px;
    font-size: 16px;
}
.inventoryConfigure .left_box .tle{
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #5DA1CD;
    position: relative;
}
.inventoryConfigure .left_box .tle:before{
    content: "";
    position: absolute;
    right: 5px;
    left: 75px;
    top: 20px;
    border-bottom: 1px solid #DDDDDD;
}
.inventoryConfigure .left_box .list_item{
    line-height: 50px;
}
.inventoryConfigure .msg_tip{
    background: #F8ECDC;
    color: #595B5C;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
}
.inventoryConfigure .msg_tip strong{
    margin: 0 5px;
}
.inventoryConfigure .i_content{
    height: calc(100% - 40px);
    position: relative;
    min-height: calc(100% - 40px);
}
.inventoryConfigure .i_content:before{
    border-left: 1px solid #D1D1D1;
    position: absolute;
    left: 320px;
    top: 0;
    bottom: 6px;
    width: 1px;
    display: block;
}
.inventoryConfigure.his .i_content:before{
    top: 125px;
}

.inventoryConfigure.his .file_box li.file_item{
    background: url("../images/researchDevelopment/Folder_big.png") no-repeat center top;
    height: 100px;
    width: 100px;
    padding-top: 76px;
    position: relative;
    text-align: center;
    float: left;
    margin: 30px;
    cursor: pointer;
}
.inventoryConfigure.his .file_box .top_tip{
    position: absolute;
    right: -6px;
    top: -5px;
    color: #fff;
    height: 26px;
    line-height: 26px;
    width: 26px;
    border-radius: 50%;
    text-align: center;
    background: #fff;
    z-index: 0;
}
.inventoryConfigure.his .file_box .top_tip:before{
    content: "";
    display: block;
    position: absolute;
    right: 3px;
    top: 3px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #fff;
    background-image: linear-gradient(to left,#2795d2,#23b6b8);
    z-index: -1;
}
.inventoryConfigure.his table td{
    text-align: left;
    padding: 0 10px;
}
.inventoryConfigure.his table td.w{
    width: 100px;
    text-align: right;
}



/*抖动报警图标*/
.waring_shake{
    display: inline-block;
    width: 14px;
    height: 16px;
    vertical-align: middle;
    background: url(../images/home/icon_alarm.png) no-repeat;
    animation-name: verical-slow;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

/*.memberSchedule table td .warring.active,.project_cycle .tle_box .cycle_jieduan em{
    animation-name: verical-slow;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}*/
/*
抖动CSS*/
@keyframes verical-slow {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }
    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }
    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }
    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}


.page_box{
    margin-top: 5px;
    background: #fff;
    padding: 0 10px;
    border-radius: 8px;
}
.layui-laypage a, .layui-laypage span{
    margin-bottom: 0;
}

/*
项目详情弹窗*/
.projectInfoBox{
    display: none;
    height: 100%;
}
.projectInfoLayer{
    height: auto;
    background: #DEE7F0;
}
.projectInfoLayer .project_cycle{
    right: 10px;
    left: auto;
}


/*对比单页面*/
.contrastSheetPage{
    height: 100%;
    background: #fff;
}
.contrastSheetPage .content_box{
    height: calc(100% - 45px)
}
.contrastSheetPage .top_bar{
    border-bottom: 1px solid #20A7CD;
}
.contrastSheetPage .price_sort{
    margin-left: 30px;
}
.button.active{
    background: #CBD9DA;
    box-shadow: 0px 1px 3px #8e9598;
    color: #6C7878;
}
.contrastSheetPage table{
    table-layout: fixed;
}
.contrastSheetPage table tr td:first-child{
    width: 120px;
}
.contrastSheetPage table tr td{
    line-height: 25px;
    padding: 8px;
}
.contrastSheetPage table tr td:first-child{
    border-left: none;
}
.contrastSheetPage table tr:first-child td{
    border-top: none;
}
.contrastSheetPage table tr td:last-child{
    border-right: none;
}
.contrastSheetPage table tr.tle_tr{
    background: #DEE7EF;
}
.contrastSheetPage table tr.tle_tr.bor_none{
    box-shadow: 0 1px 5px #ddd inset;
}
.contrastSheetPage table .display_tr .text-left{
    text-align: left ;
}
.contrastSheetPage table tr.tle_tr.bor_none td{
    border-top: none;

}
.contrastSheetPage table tr.tle_tr td{
    border-left: 0;
}
.contrastSheetPage table .product_list .product_img{
    position: relative;
    display: inline-block;
    width: 90px;
    height: 90px;
    border: 1px solid #2AAFC9;
    border-radius: 3px;
    box-shadow: 0px 1px 3px #B6DAF3;
    overflow: hidden;
    text-align: center;
    padding-top: 5px;
}
.contrastSheetPage table .product_list .product_td{
    position: relative;
}
.contrastSheetPage table .product_list .price_differ{
    background: url("../images/modelSelection/The_difference_bg.png");
    width: 82px;
    height: 52px;
    position: absolute;
    top: 50%;
    margin-top: -26px;
    left: -41px;
    color: #fff;
    padding: 6px 18px;
    line-height: 20px;
    font-size: 12px;
}
.contrastSheetPage table .product_list .price_differ i{
    display: block;
    font-size: 16px;
}
.contrastSheetPage table .product_list .product_img.active:before {
    content: "";
    display: block;
    width: 38px;
    height: 38px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/modelSelection/Recommend_Corner.png)no-repeat right top;
}
.contrastSheetPage table .product_list .product_price{
    font-size: 18px;
}
.contrastSheetPage table .product_list .product_price i{
    color: #3390C5;
}
.contrastSheetPage table .product_list td,.display_tr td{
    border-color: #3390C5 !important;
}
.contrastSheetPage table .enclosure_box{
    width: 100px;
    display: inline-block;
}

/*备选单详情页面*/
.productInfoAlternAtivePage .minH{
    height: calc(100% - 130px);
    min-height: calc(100% - 130px);;
}
.productInfoAlternAtivePage .product_alternative{
    height: 80px;
    background: #EDEDED;
    position: relative;
    border-top: 1px solid #ddd;
    padding: 0 25px;
    text-align: center;
    overflow: hidden;
    width: 100%;
}
.projectModelPage.productInfoAlternAtivePage .top_classType{
    margin-left: 0px;
    margin-right: 0px;
}
.productInfoAlternAtivePage .product_alternative .leftArrow,.productInfoAlternAtivePage .product_alternative .rightArrow{
    background: #fff;
    width: 25px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
    font-size: 20px;
    line-height: 80px;
}
.productInfoAlternAtivePage .product_alternative .leftArrow:hover,.productInfoAlternAtivePage .product_alternative .rightArrow:hover{
    color: #2387C0;
    background: #bbb;
}
.productInfoAlternAtivePage .product_alternative .rightArrow{
    left: auto;
    right: 0;
}
.productInfoAlternAtivePage .product_alternative ul{
    overflow: hidden;
    width: auto;
}
.productInfoAlternAtivePage .product_alternative li{
    float: left;
    width: 100px;
    margin-left: 5px;
    height: 70px;
    margin-top: 5px;
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    background: #fff;
    cursor: pointer;
}
.productInfoAlternAtivePage .product_alternative li.active{
    border: 1px solid #2387C0;
}
.productInfoAlternAtivePage .product_alternative li.active .img_box{
    border-bottom: 1px solid #2387C0;
}
.productInfoAlternAtivePage .product_alternative li .img_box{
    height: 45px;
    border-bottom: 1px solid #DEDEDE;
    padding: 3px;
}
.productInfoAlternAtivePage .product_alternative li .img_box .img{
    width: 60px;
    height: 40px;
}
.productInfoAlternAtivePage .product_alternative li .name{
    padding: 0 6px;
}
.productInfoAlternAtivePage .product_alternative .alternative_list{
    overflow: hidden;
    width: 10000px;
}
.productMaterStorageApprPage{
    overflow: inherit;
}

/*统计分析页面*/
.statisticalAnalysisPage .i_box .i_title_box .i_title{
    width: 150px;
}
.statisticalAnalysisPage .i_box .i_title_box .i_title:nth-child(2){
    left: 160px;
}
.statisticalAnalysisPage .i_box .i_title_box .i_title:nth-child(3){
    left: 320px;
}
.statisticalAnalysisPage .i_box .i_title_box .i_title:nth-child(4){
    left: 480px;
}
.statisticalAnalysisPage .i_box .i_title_box .i_title:nth-child(5){
    left: 640px;
}
.statisticalAnalysisPage .saturation_legend em{
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #aaa;
    margin-right: 5px;
}
.statisticalAnalysisPage .saturation_legend em.plan_bar{
    background: #F35833;
}

.statisticalAnalysisPage .saturation_legend em.implement_bar{
    background: #00CCFF;
}
.statisticalAnalysisPage .saturation_legend em.log_bar{
    background: #FFCC00;
}
.statisticalAnalysisPage .saturation_legend em.referenceLine{
    background: red;
    height: 2px;
    vertical-align: middle;
}
.statisticalAnalysisPage .saturationChart_box{
    margin: 0 auto;
}
.statisticalAnalysisPage .saturationData table{
    margin: 0 auto;
}
.statisticalAnalysisPage .saturationData table thead tr th{
    font-weight: normal;
    text-align: center;
    border: 1px solid #D1D1D1;
    border-bottom: 0;
    line-height: 30px;

}
.statisticalAnalysisPage .saturationData table tbody tr td{
    height: 100px;
    width: 120px;
    text-align: center;
    border: 1px solid #D1D1D1;
    position: relative;
    overflow: hidden;
}
.statisticalAnalysisPage .saturationData.saturationChart_box table tbody tr td:not(:first-child){
    vertical-align: bottom;
}
.statisticalAnalysisPage .saturationData table tbody tr td i{
    display: inline-block;
    width: 10px;
    margin-right: 5px;
    height: 0;
    vertical-align: bottom;
}
.statisticalAnalysisPage .saturationData table tbody tr td i.plan_bar{
    background: #F35833;
    height: 50%;
}
.statisticalAnalysisPage .saturationData table tbody tr td i.implement_bar{
    background: #00CCFF;
    height: 30%;
}
.statisticalAnalysisPage .saturationData table tbody tr td i.log_bar{
    background: #FFCC00;
    height: 20%;
}
.statisticalAnalysisPage .saturationData table tbody tr td p.plan_bar{
    color: #F35833;
}
.statisticalAnalysisPage .saturationData table tbody tr td p.implement_bar{
    color: #00CCFF;
}
.statisticalAnalysisPage .saturationData table tbody tr td p.log_bar{
    color: #FFCC00;
}
.statisticalAnalysisPage .saturationData table tbody tr td i:last-child{
    margin-right: 0px;
}
.statisticalAnalysisPage .saturationData table tbody tr td .referenceLine{
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    background: red;
    height: 1px;
}
.projectModulePage .right_item_box{
    width: 100%;
}
.projectModulePage .right_item_box .btn_box{
    position: absolute;
    top: 3px;
    right: 10px;
}
.projectModuleFileUploadBox{
    padding-top: 10px;
    border-top: 1px solid #ddd;
}
.taskSchedulePage{
    border-top: none;
    background: #DEE7EF;
}
.taskSchedulePage .right_item_box{
    background: #DEE7EF !important;
}
.taskSchedulePage .progress_icon_legend{
    display: inline-block;
}
.taskSchedulePage .importAndExport .lab_w{
    width: 120px;
    text-align: right;
}
.taskSchedulePage .importAndExport .pd_right120{
    padding-left: 125px;
}
.taskSchedulePage .importAndExport .pd_right20{
    padding-left: 20px;
}

/*新建项目弹窗*/
.newProjectLayer{
    box-shadow: none !important;
    border-top: 1px solid #4594C4;
    background-color: #DEE7F0 !important;
}
.newProjectBody{
    padding-top: 0;
}
.newProjectHtml{
    min-width: inherit;
}
.newProjectBody .newProjectLayerPage .center_box{
    height: calc(100vh - 85px);
}
.newProjectLayerPage{
    height: 100%;
    width: 100%;
}
.newProjectLayerPage .baseInfo_input_box li .lab{
    margin-left: 8px;
    position: relative;
}

.newProjectLayerPage .baseInfo_input_box li .lab.must_input:before{
    position: absolute;
    left: -7px;
    top: -1px;
    content: "*";
    color: #E36061;
}
/*.newProjectLayerPage .input,.newProjectLayerPage textarea {
    border-radius: 3px;
    border-color: #CCCCCC;
}*/
.newProjectLayerPage .top_box{
    height: 45px;
    line-height: 45px;
    background: #fff;
    padding: 0 10px;
}

.newProjectLayerPage .center_box{
    height: calc(100vh - 145px);
    margin: 5px;
    background: #fff;
    overflow: auto;
    border-radius: 5px;
}
.newProjectLayerPage .item_title{
    height: 50px;
    line-height: 50px;
    color: #E6A72F;
    position: relative;
    font-size: 22px;
    text-align: center;
}
.newProjectLayerPage .item_title:before{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 0;
    height: 1px;
    border-top: 1px solid #D8E2EC;
}
.newProjectLayerPage .item_top .item_tle{
    position: relative;
    padding-left: 20px;
    height: 30px;
    line-height: 30px;
}
.newProjectLayerPage .item_top .item_tle:before{
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -3px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #00aced;
}

.newProjectLayerPage .item_top .process_box{
    margin: 10px 20px;
    background: #EBEBEB;
    border-radius: 5px;
    box-shadow: 0px 0px 3px #d6d6d6 inset;
}
.newProjectLayerPage .item_top .process_box .process_title li{
    width: 20%;
    float: left;
    position: relative;
}
.newProjectLayerPage .item_top .process_box .process_title li:before{
    content: "";
    background: url("../images/newProject/Arrow_01.png") no-repeat;
    width: 66px;
    height: 20px;
    position: absolute;
    right: -33px;
    top: 50%;
    margin-top: -15px;
}
.newProjectLayerPage .item_top .process_box .process_title li.finish:before{
    background: url("../images/newProject/Arrow_02.png") no-repeat;
}
.newProjectLayerPage .item_top .process_box .process_title li:last-child:before{
    display: none;
}
.newProjectLayerPage .item_top .process_box .process_title li span{
    display: block;
    background: url("../images/newProject/node_02.png");
    width: 90px;
    height: 95px;
    line-height: 80px;
    text-align: center;
    color: #787B7B;
    margin: 0 auto;
    cursor: pointer;
}
.newProjectLayerPage .item_top .process_box .process_title li.active span{
    color: #fff;
    background: url("../images/newProject/node_01.png");
}
.newProjectLayerPage .item_top .process_box .process_title li.visit span{
    background: url("../images/newProject/node_04.png");
    color: #fff;
}
.newProjectLayerPage .item_top .process_box .process_title li.active.visit span{
    background: url("../images/newProject/node_03.png");
    color: #fff;
}
.newProjectLayerPage .item_top .process_box .process_title li i{
    position: absolute;
    right: -49px;
    color: #1F7BBB;
    width: 60px;
    top: 12px;
}
.newProjectLayerPage .item_list .list_tle{
    position: relative;
    padding-left: 20px;
    height: 30px;
    line-height: 30px;
    background: #F2F2F2;
}
.newProjectLayerPage .item_list .list_tle .sub_text{
    color: #A2A2A2;
}
.newProjectLayerPage .item_list .list_tle:before{
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -3px;
    height: 8px;
    width: 3px;
    background: #00aced;
    border-radius: 8px;
}
.baseInfo_input_box{
    padding: 10px;
}
.baseInfo_input_box > .input_ul{
    border-bottom: 1px dashed #C0DDEF;
    padding: 8px 10px;
}
.baseInfo_input_box .input_ul:last-child{
    border-bottom: 0
}
.baseInfo_input_box > .input_ul > li{
    width: 33.3333333333333333333333%;
    float: left;
    text-align: center;
}
.baseInfo_input_box > .input_ul > li:last-child{
    text-align: right;
    padding-right: 30px;
}
.baseInfo_input_box > .input_ul > li:first-child{
    text-align: left;
    padding-left: 30px;
}

.baseInfo_input_box ul li.w{
    width: 100%;
}
.baseInfo_input_box ul li textarea{
    width: calc(100% - 85px);
    vertical-align: top;
    height: 70px;
}
.newProjectLayerPage .item_list .file_box{
    padding-left: 40px;
    padding-top: 10px;
    font-size: 12px;
}
.newProjectLayerPage .item_list .file_box td{
    padding: 6px 5px;
}
.newProjectLayerPage .item_list .file_box td .no_up{
    color: #717171;
}
.newProjectLayerPage .item_list .file_box td .must_input{
    position: relative;
}
.newProjectLayerPage .item_list .file_box td .must_input .sign{
    position: absolute;
    top: -2px;
    left: -7px;
}
.newProjectLayerPage .item_list .progressControl{
    padding: 10px 40px;
}
.newProjectLayerPage .baseInfo_table_box table td{
    border: 1px solid #b3b3b3;
}
.newProjectLayerPage .baseInfo_table_box table td.tle,.newProjectLayerPage .applicationContent table td.tle{
    background: #F2F2F2;
    width: 100px;
    white-space: nowrap;
}
.newProjectLayerPage .baseInfo_table_box table td.wd,.newProjectLayerPage .applicationContent table td.wd{
    width: 300px;
    word-break: break-all;
}

.newProjectLayerPage .applicationContent .file_box table td{
    border: none;
    text-align: left;
}
.newProjectLayerPage .file_btn{
    width: 14px;
    height: 14px;
    display: inline-block;
    cursor: pointer;
}
.newProjectLayerPage .file_btn.see{
    background: url("../images/newProject/icon_01.png");
}
.newProjectLayerPage .file_btn.down{
    background: url("../images/newProject/icon_02.png");
}
.newProjectLayerPage .file_btn.print{
    background: url("../images/newProject/icon_03.png");
}


.newProjectLayerPage .no-more {
    height: 20px;
    line-height: 20px;
    color: #666;
    position: relative;
}
.newProjectLayerPage .no-more i{
    background: #fff;
    display: block;
    width: 120px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;

}
.newProjectLayerPage .no-more i:before,.newProjectLayerPage .no-more i:after{
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    height: 6px;
    width: 6px;
    background: #147EC8;
    border-radius: 50%;
}
.newProjectLayerPage .no-more i:after{
    left: auto;
    right: 0;
}
.newProjectLayerPage .no-more:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    height: 1px;
    background: #cdcdcd;
}
.newProjectLayerPage .info_box{
    margin: 20px;
    border: 1px solid #D6D6D6;
    padding: 20px;
    position: relative;
}
.newProjectLayerPage .info_box .name{
    font-size: 14px;
    color: #1286C8;
    margin-bottom: 5px;
}
.newProjectLayerPage .info_box:before,.newProjectLayerPage .info_box:after,.newProjectLayerPage .info_box .bg:before, .newProjectLayerPage .info_box .bg:after{
    content: "";
    background-image: url("../images/v2.1/input_frame.png");
    width: 16px;
    height: 15px;
    position: absolute;
}
.newProjectLayerPage .info_box:before{
    top: -1px;
    left: -1px;
}
.newProjectLayerPage .info_box:after{
    transform: rotate(90deg);
    right: -1px;
    top: -1px;
}
.newProjectLayerPage .info_box .bg:before{
    transform: rotate(270deg);
    left: -1px;
    bottom: -1px;
}
.newProjectLayerPage .info_box .bg:after{
    transform: rotate(180deg);
    right: -1px;
    bottom: -1px;
}
.newProjectLayerPage .input_all{
    margin: 20px auto;
    line-height: 25px;
}
.newProjectLayerPage .input_all i{
    display: inline-block;
    padding-left: 28px;
    background-position: left;
    background-repeat: no-repeat;
}
.newProjectLayerPage .input_all i.finish{
    background-image: url("../images/v2.1/icon_Success.png");
    color: #37B34B;
}
.newProjectLayerPage .input_all i.unfinish{
    background-image: url("../images/v2.1/icon_fail.png");
}

.processingFlow table td{
    text-align: left;
}
.processingFlow table.text-center td{
    text-align: center !important;
}
.processingFlow table td.tle{
    padding-left: 20px;
}

.table_border .text-left{
    text-align: left !important;
}
.table_border .text-right{
    text-align: right !important;
}
#templateImport .stage_box{
    padding: 10px;
    background: #F0F0F0;
}
#templateImport .stage_box ul li{
    overflow: hidden;
    width: 33%;
    padding-left: 20px;
    float: left;
    line-height: 30px;
}
#templateImport .stage_box ul li label{
    margin-left: 5px;
}
#templateImport .stage_box ul li.w{
    width: 100%;
    padding-left: 0;
}


.newProjectLayerPage .assignment_btn{
    display: inline-block;
    vertical-align: top;
    width: 80px;
    height: 63px;
    line-height: 63px;
    color: #fff;
    border-radius: 5px;
    background: #3390C5;
    cursor: pointer;
}
.newProjectLayerPage .assignment_btn:hover{
    background: #1370B4;
}

/*流程图*/
.flow_chart_box .flow_toolbar{
    background: #f0f0f0;
    line-height: 30px;
    position: relative;
    padding: 0 20px;
}
.flow_chart_box .flow_toolbar .closeBtn,.flow_chart_box .footer_box .closeBtn{
    position: absolute;
    right: 20px;
    top: 0px;
    cursor: pointer;
    text-decoration: underline;
    color: #676767;
}
.flow_chart_box .flow_toolbar .flow_chart_legend li{
    display: inline-block;
    position: relative;
    padding-left: 35px;
    min-width: 100px;
    text-align: left;
    color: #9C9C9C;
}
.flow_chart_box .flow_toolbar .flow_chart_legend li:before{
    content: "";
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
    box-shadow: 0px 0px 3px #9c9c9c;
    left: 12px;
    top: 50%;
    margin-top: -7px;
}
.flow_chart_box .flow_toolbar .flow_chart_legend li.normal:before,.flowChartInfo ul li .flowState.normal{
    background-image: linear-gradient(to top,#0C9A2C,#1DC56E);
}
.flow_chart_box .flow_toolbar .flow_chart_legend li.normalExecution:before,.flowChartInfo ul li .flowState.normalExecution{
    background-image: linear-gradient(to top,#106AAF,#2F89BD);
}
.flow_chart_box .flow_toolbar .flow_chart_legend li.notByPlan:before,.flowChartInfo ul li .flowState.notByPlan{
    background-image: linear-gradient(to top,#C91A15,#C26B30);
}
.flow_chart_box .flow_toolbar .flow_chart_legend li.notBeginning:before,.flowChartInfo ul li .flowState.notBeginning{
    background-image: linear-gradient(to top,#B5C4CC,#C4D4D8);
}
.flow_chart_box .footer_box {
    line-height: 30px;
    position: relative;
    height: 30px;
}

.flow_chart_box .bg_eb{
    background-color: #ebebeb !important;
}
.flowChartInfo{
    position: absolute;
    background: #fff;
    box-shadow: 0px 0px 5px #DFDFDF;
    padding: 5px 10px;
    border-radius: 8px;
    z-index: 999;
}
.flowChartInfo ul li{
    line-height: 30px;
    position: relative;
    padding-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 250px;
}
.flowChartInfo ul li:before{
    content: "";
    position: absolute;
    height: 8px;
    width: 8px;
    background: #3290C4;
    transform: rotate(45deg);
    top: 11px;
    left: 2px;
}
.flowChartInfo ul li .flowState{
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 3px;
    margin-top: -3px;
}
.flowChartInfo .file_list{
    display: inline-block;
    vertical-align: top;
}
.flowChartInfo .file_list a{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 180px;
}

/*项目管理页面*/
.projectManagementPage{
    height: 100%;
    border-top: 1px solid #20A7CD;
}
.projectManagementPage .left_item_box{
    border-right: 1px solid #D7E2EE;
    background: #fff;
}
.projectManagementPage .left_item_box .projectNameBox .project_name{
    position: relative;
    border-bottom:1px solid #DDE7F0;
}
.projectManagementPage .left_item_box .projectNameBox .project_name .fa{
    position: absolute;
    right: 10px;
    top: 16px;
    cursor: pointer;
    height: 15px;
    width: 15px;
    text-align: center;
}
/*.projectManagementPage .left_item_box .projectNameBox .project_name .fa:hover{
    color: #00aced;
}*/
.projectManagementPage .left_item_box .projectNameBox .project_name.active .fa{
    transform: rotate(180deg);
}
.projectManagementPage .left_item_box .projectNameBox .project_name span.icon{
    line-height: 50px;
    display: block;
    padding-left: 35px;
    cursor: pointer;
    position: relative;
}
.projectManagementPage .left_item_box .projectNameBox .project_name span.icon:before{
    content: "";
    position: absolute;
    width: 13px;
    height: 14px;
    left: 15px;
    top: 50%;
    margin-top: -7px;
    background: url("../images/projectManagement/project_icon.png") no-repeat center;
}
.projectManagementPage .left_item_box .projectNameBox .project_name.active span{
    background: #EEF1F2 !important;
}
.projectManagementPage .left_item_box .projectNameBox .project_name span:hover{
    background: #d0d3d4;
}
.projectManagementPage .left_item_box .projectNameBox .project_name.active:before{
    content: "";
    position: absolute;
    left: 20px;
    top: 31px;
    background: url("../images/projectManagement/line_01.png") no-repeat left center;
    height: 19px;
    width: 1px;
    z-index: 1;
}
.projectManagementPage .left_item_box .projectNameBox .project_name .projectName_item{
    display: none;
}
.projectManagementPage .left_item_box .projectNameBox .project_name .projectName_item.active{
    display: block;
}
.projectManagementPage .left_item_box .projectNameBox .project_name .projectName_item li{
    height: 36px;
    line-height: 36px;
    padding-left: 40px;
    position: relative;
    cursor: pointer;
}
.projectManagementPage .left_item_box .projectNameBox .project_name .projectName_item li:before{
    content: "";
    position: absolute;
    left: 20px;
    width: 19px;
    height: 37px;
    top: 50%;
    margin-top: -18px;
    background: url("../images/projectManagement/line_02.png") no-repeat center;
}
.projectManagementPage .left_item_box .projectNameBox .project_name .projectName_item li:hover,.projectManagementPage .left_item_box .projectNameBox .project_name .projectName_item li.active{
    background: #E7ECED;
}
.projectManagementPage .left_item_box .projectNameBox .project_name .projectName_item li:last-child:before{
    background: url("../images/projectManagement/line_03.png") no-repeat center;
    width: 19px;
    margin-top: -27px;
}
.projectManagementPage .right_item_box{
    background: #fff;
}
.projectManagementPage .right_item_box .top_toolbar{
    box-shadow: 0 3px 5px #D8EAF4;
    box-sizing: content-box;
    height: 45px;
    line-height: 45px;
    padding: 0 10px;
}
.projectManagementPage .right_item_box .top_toolbar .btn.active{
    background: #3290C4;
    color: #fff;
    box-shadow: none;
    border: none;
}

.projectManagementPage .taskWarning{
    overflow: hidden;
}
.projectManagementPage .taskWarning li{
    border: 1px solid #EBEBEB;
    position: relative;
    width: calc(50% - 10px);
    margin-left: 10px;
    line-height: 30px;
    float: left;
    cursor: pointer;
    padding: 10px 135px 10px 100px;
    margin-bottom: 15px;
}
.projectManagementPage .taskWarning li:hover,.projectManagementPage .taskWarning li.active{
    box-shadow: 0px 5px 8px #D3DEEA,0px -3px 0px #fff,1px 0px 3px #D3DEEA,-1px 0px 3px #D3DEEA;
}
.projectManagementPage .taskWarning li .waring_icon{
    position: absolute;
    background: url("../images/projectManagement/alarm_icon.png");
    width: 50px;
    height: 50px;
    top: 50%;
    margin-top: -25px;
    left: 20px;
}
.projectManagementPage .taskWarning li .full_name{
    position: absolute;
    right: 10px;
    top: 10px;
}
.projectManagementPage .taskWarning li .surplus_day{
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.projectManagementPage .taskWarning li .task_name{
    color: #50A0CD;
    text-decoration: underline;
}
.projectManagementPage .taskWarning li .task_name:hover{
    color: #4a82ae;
}
.projectManagementPage .center_box{
    margin-bottom: 0;
}
.newProjectLayerPage.projectManagementPage .item_list .list_tle{
    background: #fff;
}
.newProjectLayerPage.projectManagementPage .item_top .process_box{
    background: #EEF1F4;
    margin: 10px;
}
.projectManagementPage .flow_chart_box .flow_toolbar{
    background: #E4E9EE;
}
.projectManagementPage .flow_chart_item .bg_eb{
    background-color: #EEF1F4 !important;
}
/*模板管理页面*/
.templateManagementPage{
    height: 100%;
}
.templateManagementPage .left_item_box{
    background: #E7ECED;
}
.projectManagementPage .templateManagementPage .left_item_box .projectNameBox .project_name .projectName_item li:hover,.projectManagementPage .templateManagementPage .left_item_box .projectNameBox .project_name .projectName_item li.active{
    background: #fff;
}


/*有返回页面公共部分*/
.backPage{
    height: 100%;
}
.back-page-box{
    height: 100%;
}
.backPage .top_bar{
    height: 45px;
    line-height: 45px;
    background: #fff;
    border-top: 1px solid #20A7CD;
    padding: 0 15px;
    box-shadow:0px 4px 10px #EBEBEB;
    position: relative;
    z-index: 1;
}
.backPage .top_bar .back-btn{
    font-size: 20px;
    color: #1286C8;
    cursor: pointer;
}
.backPage .top_bar .back-btn:hover{
    color: #129be1;
}
.iconfont.back-btn{
    font-size: 20px;
    color: #1286C8;
    cursor: pointer;
}
.iconfont.back-btn:hover{
    color: #129be1;
}
.backPage .minH{
    min-height: calc(100% - 46px);
    height: calc(100% - 46px);
}
.backPage .title_box{
    height: 35px;
    line-height: 35px;
    background: #F5F5F5;
    position: relative;
    border-bottom: 1px solid #EAEAEA;
}
.backPage .title_box.circle{
    padding: 0 10px;
}
.backPage .title_box.circle:before{
    content: "";
    vertical-align: middle;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #1286C8;
    margin-right: 8px;
}
.backPage .title_box .remind{
    background: #1286C8;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 5px 5px 0 0;
    color: #fff;
    padding: 0 10px;
}
.backPage table tr.active{
    background: #F1F7FA;
}
.backPage table tr .arrow_btn,.backPage .title_box .arrow_btn{
    cursor: pointer;
    font-size: 18px;
    vertical-align: middle;
}
.backPage table tr.active .arrow_btn,.backPage .title_box .arrow_btn.active{
    transform: rotate(45deg);
    color: #1286C8;
}

/*月报归档页面*/
.monthlyNewspaperFilingPage .hisMonth_table{
    display: none;
}
.monthlyNewspaperFilingPage .table_border tr td{
    border: 1px solid #b3b3b3;
}


/*
解决底部颜色问题*/
.backgroundBox{
    background: #fff;
    min-height: 100%;
    border-radius: 0 0 5px 5px;
}
.backgroundBoxItem{
    background: #DEE7F0;

}

/*@media screen and (max-width: 1279px) {
    .middle_content{
        height: calc(100vh - 80px);
    }
}*/
/*@media screen and (max-width: 1159px) {
    .newProjectBody .newProjectLayerPage .center_box{
        height: calc(100vh - 105px);
    }
}*/

/*上传插件*/
.kv-hidden {
    display: none !important;
}
.upButton{
    border: none;
    background: transparent;
    font-size: 14px;
    color: #333;
}
.upButton:hover{
    color: #00aced;
}

/*选型自定义*/
.customRadio{
    display: inline-block;
    font-size: 12px;
    padding-left: 10px;
    position: relative;
}
.customRadio label{
    color: #AAAAAA;
}
.customRadio:before{
    content: "";
    position: absolute;
    display: block;
    left: 0;
    height: 16px;
    width: 1px;
    border-left: 1px solid #b1b1b1;
    top: 11px;
}
.customSlider_box{
    display: inline-block;
}
.customSlider_box .slider_item{
    display: inline-block;
    width: 150px;
    margin: 0 8px;
}
.customSlider_box .input{
    width: 50px;
}
.customSlider_box.disable{
    color: #b3b3b3;
}
.customSlider_box.disable .button{
    background-image: linear-gradient(to left,#c1c1c1,#cdcdcd);
    box-shadow: none;
}
.customSlider_box .button:hover:after{
    display: none;
}
.customSlider_box .slider_item.ui-slider-horizontal{
    height: 8px;
    border: 1px solid #ddd;
}
.customSlider_box .slider_item .ui-state-default, .customSlider_box .slider_item.ui-widget-content .ui-state-default{
    background: url("../images/modelSelection/spot_2.png");
    width: 18px;
    height: 18px;
    border: none;
    top: -6px;
}
.customSlider_box.disable .slider_item .ui-state-default, .customSlider_box.disable .slider_item.ui-widget-content .ui-state-default{
    background: url("../images/modelSelection/spot_1.png");
}
.customSlider_box .slider_item .ui-widget-header{
    background: #3390C5;
}
.customSlider_box.disable .slider_item .ui-widget-header{
    background: #D6DEE2;
}
.senior_box{
    display: inline-block;
}
.senior_box a{
    font-size: 12px;
    background: #F0F0F0;
    height: 25px;
    line-height: 25px;
    border-radius: 4px;
    display: inline-block;
    margin-right: 8px;
    padding: 0 5px;
    cursor: pointer;
}
.senior_box a.active,.senior_box a:hover{
    background: #3390C5;
    color: #fff;
}

/*
滚动条宽度*/
.mCSB_scrollTools{
    width: 4px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    margin: 0 auto;
    margin-top: 10px;
}

/*预警提醒页面*/
.earlyWarningPage .chart_box{
    height: calc(100% - 30px);
    background: #fff;
}
.earlyWarningPage .left_box .chart_box{
    height: calc(100% - 150px);
}
.earlyWarningPage .chart_box .chart{
    height: 100%;
}
.earlyWarningPage .bottom_item_box .middle_box{
    margin-left: 0 !important;
    width: 100% !important;
}
.teamMngPage{
    height: 100%;
}
.teamMngPage .swatch_title{
    overflow: hidden;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #ccc;
    padding-top: 3px;
}
.teamMngPage .swatch_title li{
    float: left;
    padding: 0 10px;
    border: 1px solid #ccc;
    margin-left: 10px;

    border-bottom: 0;
    border-radius: 3px 3px 0 0;
}
.team_member_box{
    padding-bottom: 10px;
    overflow: hidden;
}
.team_member_box li{
    height: 140px;
    width: 260px;
    border: 1px solid #D1D1D1;
    border-radius: 5px;
    margin-left: 10px;
    font-size: 12px;
    margin-top: 10px;
    float: left;
}
.team_member_box li table td{
    line-height: 22px;
    padding: 0 5px;
}
.team_member_box .headPortrait{
    width: 105px;
    height: 105px;
    border-radius: 50%;
    border: 1px solid #aaa;
}

/*产品树*/
.productTreePage{
    border-top: 1px solid #B3B3B3;
}
.productTreePage .content{
    height: calc(100vh - 152px);
}
.productTreePage .left_tree_box{
    height: 100%;
    width: 220px;
    border: 1px solid #D1D1D1;
    float: left;
    border-top: 0;
    border-left: 0;
}
.productTreePage .right_content_box{
    width: calc(100% - 220px);
    float: right;
    height: 100%;
}

.productTreePage .right_content_box .head_box{

}
.productTreePage .right_content_box .headPortrait{
    height: 100px;
    width: 100px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #D2E8F2;
    box-shadow: 0px 0px 5px #ddd;
    background: #EDF2F9;

    color: #C0E3ED;
    text-align: center;
}
.productTreePage .right_content_box .headPortrait i{
    font-size: 60px;
    line-height: 100px;
}
.productTreePage .right_content_box .upload_box{
    display: inline-block;
    vertical-align: middle;
}
.productTreePage .right_content_box .border_dashed{
    border-bottom: 1px dashed #00aced;
}
.sub_info{
    color: #999;
}
.productTreePage .right_content_box .baseTable tr td:nth-child(odd){
    width: 100px;
    text-align: right;
    background: #F5F5F5;
}
.productTreePage .right_content_box .baseTable tr td{
    height: 42px;
}
.productTreePage .right_content_box .baseTable tr td:nth-child(even){
    text-align: left;
}
.productTreePage .right_content_box .compare_tree{
    height: calc(100vh - 210px);
}
.productTreePage .right_content_box .compare_tree .left_tree,
.productTreePage .right_content_box .compare_tree .right_tree{
    height: 100%;
    width: calc(50% - 10px);
    float: left;
}
.productTreePage .right_content_box .compare_tree .left_tree.active{
    width: 100%;
    margin-right: 0;
}
.productTreePage .right_content_box .compare_tree .right_tree.active{
    width: 0;
    overflow: hidden;
}
.productTreePage .right_content_box .compare_tree .item-box{
    border: 1px solid #D1D1D1;
    height: calc(100% - 40px);
    margin-top: 10px;
}
.productTreePage .right_content_box .compare_tree .title{

    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #d1d1d1;
    padding: 0 10px;
}
.productTreePage .right_content_box .compare_tree .title .strong{
    font-weight: bold;
    font-size: 15px;
}
.productTreePage .right_content_box caption{
    border: 1px solid #b3b3b3;
    border-bottom: 0;
    padding: 4px 8px;
}

.productStructure .i_box.right .top_title{
    padding: 4px 13px;
}
.productStructure .i_box.left{
    width: 300px;
}
.productStructure .i_box.right{
    width: calc(100% - 300px);
}
    /*添加选型*/
.addModel-form .supplier-box + .supplier-box{
    margin-top: 10px;
}
.addModel-form .supplier-box{
    border: 1px solid #DFDFDF;
    transition: all 0.2s;
}
.addModel-form .supplier-box .title{
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #DFDFDF;
    background: #EBEBEB;
}
.addModel-form .supplier-box .title .text{
    padding-left: 10px;
    color: #2790CD;
}
.addModel-form .supplier-box .title button{
    width: 30px;
    height: 30px;
    border: 0;
    border-left: 1px solid #DFDFDF;
    float: left;
    background: none;
    text-align: center;
    color: #B3B3B3;
}
.addModel-form .supplier-box .title button.btn-arrow i{
    display: inline-block;
    transform: rotate(180deg);
    transition: all 0.2s;
    font-size: 16px;
}
.addModel-form .supplier-box .title button.bnt-close{
    font-size: 10px;
}
.addModel-form .supplier-box.active{
    height: 30px;
    overflow: hidden;
}
.addModel-form .supplier-box.active .title button.btn-arrow i{
    transform: rotate(0deg);;
}
.addModel-form .supplier-box .title button:hover{
    background: #ebebeb;
    color: #2790CD;
}
.addModel-form .add-supplier{
    background: #E8F3FF;
    height: 25px;
    line-height: 25px;
    margin-bottom: 10px;
    border: 1px solid #DFDFDF;
    cursor: pointer;
}
.addModel-form .supplier-box + .add-supplier{
    border-top: 0;
}
.addModel-form .add-supplier:hover{
    background: #d0dae6;
}

/*---------------必须输入------------*/
.must_input{
    position: relative;
}
.must_input:before{
    position: absolute;
    left: -7px;
    top: -1px;
    content: "*";
    color: #E36061;
}

.btn-file input[type=file]{

    /*background-color:#000;
    filter:alpha(opacity=0);
    opacity:0;*/
    border: 1px solid #fff;
    background-color: transparent;
}
/*
.upload.btn-file{
    width: 100px;
    height: 35px;
    position: relative;
}*/


.selectTree-box{
    display:none;
    position: fixed;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 1;
    border-top: 0
}
.newProjectBody.v2{
    background: #dee7ee;
}
.newProjectBody.v2 .newProjectLayerPage{
    width: 1050px;
    margin: 0 auto;
}
.newProjectBody.v2 .newProjectLayerPage .top-title{
    height: 62px;
    padding-top: 12px;
}
.newProjectBody.v2 .newProjectLayerPage .item_title{
    box-shadow: 0px 1px 5px #ddd;
    font-size: inherit;
    text-align: right;
    padding: 0 10px;
}
.newProjectBody.v2 .newProjectLayerPage .item_title:before{
    display: none;
}
.newProjectBody.v2 .newProjectLayerPage .top-title .title{
    font-size: 16px;
    font-weight: bold;
    color: #1a1a1a;
    margin: 0px 0 3px;
}
.newProjectBody.v2 .newProjectLayerPage .top-title .subText{
    font-size: 13px;
    color: #666;
}
.newProjectBody.v2 .newProjectLayerPage .center_box{
    height: calc(100% - 100px);
}
.newProjectBody.v2 .newProjectLayerPage .item-content{
    height: calc(100% - 60px);
    overflow: auto;
}
.newProjectBody.v2 .newProjectLayerPage .item_list .list_tle{
    background: none;
    border-bottom: 1px solid #add6ed;
    font-size: 14px;
    font-weight: bold;

}
.newProjectBody.v2 .newProjectLayerPage .item_list .list_tle span{
    color: #147EC8;
}
.newProjectBody.v2 .newProjectLayerPage .item_list .list_tle:before{
    background: #147EC8;
    border-radius: 3px;
    margin-top: -4px;
}
.newProjectBody.v2 .newProjectLayerPage .item_list{
    margin-bottom: 8px;
}
.newProjectBody.v2 .newProjectLayerPage table td.tle{
    background: #f6f6f6;
}
.newProjectBody.v2 .newProjectLayerPage table td{
    border-color: #d2d2d2;
    padding: 6px 8px;
}
.newProjectBody.v2 .no-data {
    margin: 10px 0;
    padding-left: 60px;
    background: url(../images/v2.1/img_default.png) no-repeat top left;
    color: #999;
    padding-top: 0px;
    height: 50px;
    line-height: 50px;
    width: auto;
    text-align: left;
}
.newProjectBody.v2 .input{
    height: 30px !important;
    line-height: 30px !important;
}
.newProjectBody.v2 .newProjectLayerPage .item_list.interval:before{
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    background: #dee7ee;
}
.newProjectBody.v2 .newProjectLayerPage .item_list .list_tle .show-btn{
    position: absolute;
    right: 8px;
    top: 3px;
    cursor: pointer;
    font-size: 13px;
    color: #147EC8;
}
.newProjectBody.v2 .newProjectLayerPage .item_list .list_tle .show-btn:hover{
    color: #1494e4;
}
.iconfont{
    font-size: inherit;
}
.newProjectBody.v2 .button{
    border-radius: 0px;
    min-width: 65px;
    font-weight: normal;
}
.newProjectBody.v2 .button.default{
    background: #fff;
    border: 1px solid #a8a8a8;
    color: #666;
    box-shadow: none;
}
.newProjectBody.v2 .button.default:hover{
    border: 1px solid #1f84cb;
    color: #1494e4;
}
.newProjectBody.v2 .button.default:after{
    display: none;
}
.newProjectBody.v2 .button.normal{
    border: 1px solid #1f84cb;
    color: #1494e4;
}
.newProjectBody.v2 .button.normal:hover{
    border: 1px solid #a8a8a8;
    color: #666;
}
.newProjectBody.v2 .button.plain{
    background: #E8F3FF;
    border-color: #1286C8;
    color: #3090CD;
}
.newProjectBody.v2 .button.plain:hover{
    border-color: #1293da;
    color: #33a0e4;
}